RE: Why tabs look like buttons?

Wed, 16 Nov 2005 09:13:30 -0800

Hey Bobby,

 

The ‘save logic’ is definitely the source of the tabs changing into buttons.

I have 2 tabbed panels and only applied the ‘save logic’ to one and

it is only this changed one that exhibits the tab button look.

 

Just to double check, I commented out the ‘save logic’ and the tabs reappeared as normal.

 

I don’t think my case has to do with XP theme because as said above, I have 2 tab panels and in the same session one works and the other does not.

 

Some how (and I’m guessing) I get the feeling that the ‘Listener’ or “serverSideTabSwitch=true”  is disturbing myfaces’ internal call in such away that it does not see the .css files or is disturbing the proper /faces/* servlet filtering.

 

I recall that you had a similar issue, was it exactly the same as I’m describing here?

Are you using ‘save logic’ for tabs?

 

Thanks,

Rodney

 

From: Bobby Rosenberger [mailto:[EMAIL PROTECTED]
Sent: Wednesday, November 16, 2005 11:00 AM
To: MyFaces Discussion
Subject: Re: Why tabs look like buttons?

 

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]> 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

 

 

Reply via email to