Re: Why tabs look like buttons?

[Don Tam]

Hi,

I was just wondering, on a semi-related note, how would I set it up so 
that I can use a stylesheet class to set the background color of the 
panelTabbedPane instead of using the bgcolor attribute in the tag?

I've tried declaring .myFaces_panelTabbedPane_pane in my stylesheet but 
it doesn't have any effect.

Thanks,

Bobby Rosenberger wrote:

Hey Rodney,

I noticed that the tabs looked like buttons as well... but I found 
that it was due to my changing my XP theme to use the "XP Windows 
Theme". And, in my case, the tabs only looked like buttons when using IE.

I'd be surprised if adding the 'save logic' were responsible for the 
style change. Are you saying you can remove the logic and the tabs 
revert back to their normal non-button look? I'd be interested to hear 
the results of that experiment.

In any case, there is currently no 'attribute' that allows you to 
control the 'style' of the <input> tag on the tabs. You CAN, however, 
override the style selector as follows:

.myFaces_panelTabbedPane_activeHeaderCell input {
        background-color: transparent !important;
        etc...
    }

Note the use of "!important".

Hope that helps.

Bobby Rosenberger

On 11/16/05, *Burke, Rodney* <[EMAIL PROTECTED] 
<mailto:[EMAIL PROTECTED]>> wrote:

    Hello,

     

    I had a working tab panel that looked normal.

    However, after adding logic to save the tab state, the tabs now
    look like buttons.

    Does any one know what could be going wrong here?

     

    To manage tab state I'm using myfaces 20051114 nightly build and
    the following logic:

     

    JSP FILE:

    -----------

          <t:panelTabbedPane
    selectedIndex="#{controlGEM.manualTabPaneIndex}"
    serverSideTabSwitch="true">                             

                    <t:tabChangeListener type="mam.web.gem.ControlGEM"/>

                 …

          </t:panelTabbedPane>

     

    mam.web.gem.ControlGEM Class:

    -----------------------------------------

    import org.apache.myfaces.custom.tabbedpane.TabChangeListener;

    import org.apache.myfaces.custom.tabbedpane.TabChangeEvent;

    import javax.faces.event.AbortProcessingException;

     

    public class ControlGEM implements TabChangeListener

    {

     …

      public void processTabChange(TabChangeEvent tabChangeEvent)
    throws AbortProcessingException

       {

          setManualTabPaneIndex(new
    Integer(tabChangeEvent.getNewTabIndex()));

       }

    }

     

    Again, the tab state logic appears to be working fine, except for
    the fact that the tabs now look like buttons.

     

    Thanks for your help,

    Rodney

     



--
Don Tam
Manager, Software Development
(416)493-6111x143
[EMAIL PROTECTED]