Uploaded image for project: 'MyFaces Tomahawk'
  1. MyFaces Tomahawk
  2. TOMAHAWK-1002

Allow the DIV containing the tabs to contain a "class" attribute

    XMLWordPrintableJSON

Details

    • Improvement
    • Status: Open
    • Major
    • Resolution: Unresolved
    • 1.1.7-SNAPSHOT
    • None
    • Tabbed Pane
    • None

    Description

      Currently the div containing the tabs is 100% wide. This is a problem for me because I need some input field right next to the tabs. By adding the tabContentStyleClass to the DIV I can set the width and so allow the input fields to be accessed. Otherwise the DIV is on top of the input fields. z-index did not work...

      The next fix was added to HtmlTabbedPaneRenderer.java in method writeTabsContents():
      ================
      writer.startElement(HTML.DIV_ELEM, tabbedPane);
      writer.writeAttribute(HTML.ID_ATTR, tab.getClientId(facesContext), null);
      //START: Milo
      String tabContentStyleClass = tabbedPane.getTabContentStyleClass();
      if(tabContentStyleClass != null)

      { writer.writeAttribute(HTML.CLASS_ATTR, tabContentStyleClass, null); }

      //END: Milo
      // the inactive tabs are hidden with a div-tag
      if (tabIdx != selectedIndex) {
      ================

      Attachments

        Activity

          People

            Unassigned Unassigned
            milovdzee Milo van der Zee
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated: