ICEfaces
  1. ICEfaces
  2. ICE-11285

ace:tabSet no longer takes all available width on the page

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 4.2
    • Fix Version/s: EE-4.2.0.GA
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      Any

      Description

      The ace:tabSet component no longer uses all the available width on the page. Instead, it only takes as much width as necessary for the contents being displayed.

        Activity

        Arturo Zambrano created issue -
        Arturo Zambrano made changes -
        Field Original Value New Value
        Assignee Arturo Zambrano [ artzambrano ]
        Arturo Zambrano made changes -
        Fix Version/s EE-4.2.0.GA [ 13071 ]
        Hide
        Arturo Zambrano added a comment - - edited

        r51403: fix to make ace:tabSet use all available width

        This change occurred after the component's CSS was changed to display as a table (ICE-11197), since tables only use as much width as necessary. This was fixed by adding width:100%; to the root style class.

        Show
        Arturo Zambrano added a comment - - edited r51403: fix to make ace:tabSet use all available width This change occurred after the component's CSS was changed to display as a table ( ICE-11197 ), since tables only use as much width as necessary. This was fixed by adding width:100%; to the root style class.
        Arturo Zambrano made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #51403 Tue Apr 04 15:21:43 MDT 2017 art.zambrano ICE-11285 fix to make ace:tabSet use all available width
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/tabset/tabset.css
        Liana Munroe made changes -
        Attachment table.PNG [ 22497 ]
        Hide
        Liana Munroe added a comment -

        Tested with ICEfaces 4 trunk r51412, Tomcat 8, IE 11, FF 47, Chrome 57. When the tabSet is inside a dataTable and there is a column to the right of the tabSet, the tabSet overlaps that column. Please see attached screen shot table.PNG.

        Show
        Liana Munroe added a comment - Tested with ICEfaces 4 trunk r51412, Tomcat 8, IE 11, FF 47, Chrome 57. When the tabSet is inside a dataTable and there is a column to the right of the tabSet, the tabSet overlaps that column. Please see attached screen shot table.PNG.
        Liana Munroe made changes -
        Resolution Fixed [ 1 ]
        Status Resolved [ 5 ] Reopened [ 4 ]
        Hide
        Arturo Zambrano added a comment -

        r51502: reduced horizontal padding to avoid interfering with the new necessary width:100%; structural rule

        Show
        Arturo Zambrano added a comment - r51502: reduced horizontal padding to avoid interfering with the new necessary width:100%; structural rule
        Arturo Zambrano made changes -
        Status Reopened [ 4 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #51502 Tue May 09 15:38:08 MDT 2017 art.zambrano ICE-11285 reduced horizontal padding to avoid interfering with the new necessary width:100%; structural rule
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/tabset/tabset.css
        Hide
        Liana Munroe added a comment -

        Verified ICEfaces 4 trunk r51505, tomcat 8, MS Edge, IE 11, 10, 9, 8, FF 47, Chrome 57.

        Show
        Liana Munroe added a comment - Verified ICEfaces 4 trunk r51505, tomcat 8, MS Edge, IE 11, 10, 9, 8, FF 47, Chrome 57.
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Arturo Zambrano
          • Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: