ICEfaces
  1. ICEfaces
  2. ICE-3390

Menu style components get rendered underneath portlet containers

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 1.7.1
          • Fix Version/s: 1.7.2
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            portal portlet liferay
          • Support Case References:
          • Workaround Exists:
            Yes
          • Workaround Description:
            Hide
            By applying a custom style, you can get the z-index high enough to render the list above the other portlets.

            In your component (in this case autocomplete) you give the main component your class name:

                            <ice:selectInputText id="location"
                                                 rows="#{citySelect.cityListLength}"
                                                 width="300"
                                                 value="#{citySelect.selectedCityValue}"
                                                 valueChangeListener="#{citySelect.selectInputValueChanged}"
                                                 styleClass="autoComplete">

            Then in your style sheet, you can give the list a new z-index (notice the suffixing that ICEfaces will apply to the menu):

            .autoCompleteList {
                z-index: 1000;
            }

            Note: The exact names of the styles may depend on which component you are using. Also not that the workaround doesn't seem to work with the footer component at the very bottom of the Liferay portal page.
            Show
            By applying a custom style, you can get the z-index high enough to render the list above the other portlets. In your component (in this case autocomplete) you give the main component your class name:                 <ice:selectInputText id="location"                                      rows="#{citySelect.cityListLength}"                                      width="300"                                      value="#{citySelect.selectedCityValue}"                                      valueChangeListener="#{citySelect.selectInputValueChanged}"                                      styleClass="autoComplete"> Then in your style sheet, you can give the list a new z-index (notice the suffixing that ICEfaces will apply to the menu): .autoCompleteList {     z-index: 1000; } Note: The exact names of the styles may depend on which component you are using. Also not that the workaround doesn't seem to work with the footer component at the very bottom of the Liferay portal page.

            Description

            When logged into Liferay (doesn't seem to happen in "guest" mode), the menu portions of some of our components get rendered underneath other portlets on the page. I've attached screen snaps to show

            1) the issue
            2) where I've applied a custom style to the menu portion (the autocomplete list) to get it to render above the other portlet containers

              Activity

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  Deryk Sinotte
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  0 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: