ICEfaces
  1. ICEfaces
  2. ICE-5429

Display Menu items in a proper position when there's no enough space on the right and left

          Details

          • Type: New Feature New Feature
          • Status: Open
          • Priority: Major Major
          • Resolution: Unresolved
          • Affects Version/s: 1.8.2, 1.8.2-EE-GA
          • Fix Version/s: None
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            ICEfaces-ee-1.8.2 revision 20758

            Description

            When menu items do not have enough space to display to the right of the menu bar, they are adjusted to display to the left of the menu bar, which does not have problem if there's enough space on the left. In this case, a very long menu bar is created by defining the style attribute. If the browser window is resized to leave no space on the right to display the menu items, they are pushed to be displayed on the left. But now there's no enough space on the left, either, which makes the menu items not quite visible. Code to reproduce:

            <ice:menuBar id="menu2" orientation="vertical" >
            <ice:menuItem id="item21" value="Test" style="width:1000px;height:100px;" icon="./images/icon_demo.gif">
            <ice:menuItem id="item22" value="Edit" />
            <ice:menuItem id="item23" value="View" />
            </ice:menuItem>
            </ice:menuBar>

            Or use test app ICE-5289 (repo\qa\trunk\Regression\ICE-5289)

              Activity

              Ascending order - Click to sort in descending order
              Joanne Bai created issue -
              Joanne Bai made changes -
              Field Original Value New Value
              Salesforce Case []
              Fix Version/s 1.8.2-EE-GA_P01 [ 10220 ]
              Fix Version/s 1.8.3 [ 10211 ]
              Joanne Bai made changes -
              Salesforce Case []
              Fix Version/s 1.8.2-EE-GA_P01 [ 10220 ]
              Fix Version/s 1.8.3 [ 10211 ]
              Joanne Bai made changes -
              Assignee Deryk Sinotte [ deryk.sinotte ]
              Joanne Bai made changes -
              Salesforce Case []
              Description When menu items do not have enough space to display to the right of the menu bar, they are adjusted to display to the left of the menu bar, which does not have problem if there's enough space on the left. In this case, a very long menu bar is created by defining the style attribute. If the browser window is resized to leave no space on the right to display the menu items, they are pushed to be displayed on the left. But now there's no enough space on the left, either, which makes the menu items not quite visible. Code to reproduce:

              <ice:menuBar id="menu2" orientation="vertical" >
              <ice:menuItem id="item21" value="Test" style="width:1000px;height:100px;" icon="./images/icon_demo.gif">
              <ice:menuItem id="item22" value="Edit" />
              <ice:menuItem id="item23" value="View" />
              </ice:menuItem>
              </ice:menuBar>
              		 When menu items do not have enough space to display to the right of the menu bar, they are adjusted to display to the left of the menu bar, which does not have problem if there's enough space on the left. In this case, a very long menu bar is created by defining the style attribute. If the browser window is resized to leave no space on the right to display the menu items, they are pushed to be displayed on the left. But now there's no enough space on the left, either, which makes the menu items not quite visible. Code to reproduce:

              <ice:menuBar id="menu2" orientation="vertical" >
              <ice:menuItem id="item21" value="Test" style="width:1000px;height:100px;" icon="./images/icon_demo.gif">
              <ice:menuItem id="item22" value="Edit" />
              <ice:menuItem id="item23" value="View" />
              </ice:menuItem>
              </ice:menuBar>

              Or use test app ICE-5289 (repo\qa\trunk\Regression\ICE-5289)
              Deryk Sinotte made changes -
              Assignee Deryk Sinotte [ deryk.sinotte ] Ken Fyten [ ken.fyten ]
              Ken Fyten made changes -
              Assignee Ken Fyten [ ken.fyten ]

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  Joanne Bai
                • Votes:
                  1 Vote for this issue
                  Watchers:
                  0 Start watching this issue

                  Dates

                  • Created:
                    Updated: