You are using free software.

>-----Original Message-----
>From: Dave [mailto:[EMAIL PROTECTED]
>Sent: Friday, January 6, 2006 04:38 PM
>To: 'MyFaces Discussion'
>Subject: RE: Why tabs look like buttons?
>
>It would be great if the tab looks professional 
>
>Jeremy Sager <[EMAIL PROTECTED]> wrote:  Thanks Dennis.
>
>Where can I find the full list of those attributes?
>
>Jeremy Sager
>Data Communications Product Manager
>Chesapeake System Solutions
>410.356.6805 x120
>[EMAIL PROTECTED]
>-----Original Message-----
>From: Dennis Byrne [mailto:[EMAIL PROTECTED] 
>Sent: Friday, January 06, 2006 11:20 AM
>To: MyFaces Discussion
>Subject: Re: Why tabs look like buttons?
>
>They are buttons in JSP as well. You can fix this by making use of the
>many CSS related attributes of the panel tab component.
>
>>-----Original Message-----
>>From: Jeremy Sager [mailto:[EMAIL PROTECTED]
>>Sent: Friday, January 6, 2006 11:20 AM
>>To: ''MyFaces Discussion''
>>Subject: RE: Why tabs look like buttons?
>>
>>Hi guys - 
>>
>>I know I'm resurrecting a dead thread here, but I have run into the same
>>problem under different circumstances.
>>
>>I'm trying out facelets based on the recommendations of people on this
>list,
>>and everything is going great so far, I'll probably never go back to JSPs.
>>
>>However, when I create a panelTabbedPane, all of my panel tabs look like
>>buttons instead of panel tabs. I don't have any save logic, and I've tried
>>the css workaround, but all that it does is make the BODY area of my panel
>>tabs the color specified, and it leaves the "tabs" as buttons with no
>border
>>around them.
>>
>>I've got to present facelets to my boss in a few hours, so if anyone knows
>>what's up with this, I'd appreciate the help ASAP :)
>>
>>FYI I'm using MyFaces 1.1.0
>>
>>Jeremy Sager
>>Data Communications Product Manager
>>Chesapeake System Solutions
>>410.356.6805 x120
>>[EMAIL PROTECTED]
>>-----Original Message-----
>>From: Don Tam [mailto:[EMAIL PROTECTED] 
>>Sent: Thursday, November 17, 2005 11:17 AM
>>To: MyFaces Discussion
>>Subject: Re: Why tabs look like buttons?
>>
>>Hi Bobby,
>>
>>Thanks for your response. I have that exact declaration in my css and 
>>it's still white. I put the declaration just underneath another style 
>>class that I know is working. Do you know what the problem is?
>>
>>Here is the head that is generated on the page:
>>
>>
>> 
>> 
>> 
>
>>
>>>src="/dir/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuR
>e
>>nderer/11302665/JSCookMenu.js" type="text/javascript">>
>>//-->
>>
>>>src="/dir/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuR
>e
>>nderer/11302665/MyFacesHack.js" type="text/javascript">>
>>//-->
>>  >myThemeOfficeBase='/dir/faces/myFacesExtensionResource/navmenu.jscookmenu.H
>t
>>mlJSCookMenuRenderer/11302665/ThemeOffice/';
>>//-->  
>>>src="/dir/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuR
>e
>>nderer/11302665/ThemeOffice/theme.js" type="text/javascript">>
>>//-->
>>
>>href="/dir/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenu
>R
>>enderer/11302665/ThemeOffice/theme.css" type="text/css" />
>>
>>href="/dir/faces/myFacesExtensionResource/tabbedpane.HtmlTabbedPaneRenderer
>/
>>11302665/defaultStyles.css" type="text/css" />
>>>src="/dir/faces/myFacesExtensionResource/tabbedpane.HtmlTabbedPaneRenderer/
>1
>>1302665/dynamicTabs.js" type="text/javascript">>
>>//-->
>>  >#_id2__id3 .myFaces_panelTabbedPane_activeHeaderCell input,
>>#_id2__id3 .myFaces_panelTabbedPane_pane,
>>#_id2__id3 .myFaces_panelTabbedPane_subHeaderCell{
>>background-color:white;
>>}
>>-->  
>>
>>
>>Here is my basic.css:
>>
>>.* {
>> font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
>>}
>>
>>...
>>
>>.myFaces_panelTabbedPane_pane {
>> background-color: blue;
>>}
>>
>>
>>Thanks,
>>
>>Bobby Rosenberger wrote:
>>
>>> Hey Don,
>>>
>>> I did some experimenting and found that changing the selector you 
>>> mention does have an effect on my tabpanes. For instance, I did the 
>>> following:
>>>
>>> .myFaces_panelTabbedPane_pane {
>>> background-color: blue;
>>> }
>>>
>>> and found the background color of my tabbedpanes had indeed changed to 
>>> blue.
>>>
>>> Bobby
>>>
>>> On 11/16/05, *Don Tam* 
>>> > wrote:
>>>
>>> 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]
>>> 
>>> > >> 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:
>>> >
>>> > -----------
>>> >
>>> > >> > selectedIndex="#{controlGEM.manualTabPaneIndex }"
>>> > serverSideTabSwitch="true">
>>> >
>>> > >> type="mam.web.gem.ControlGEM"/>
>>> >
>>> > .
>>> >
>>> > 
>>> >
>>> >
>>> >
>>> > 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] 
>>>
>>>
>>
>>-- 
>>Don Tam
>>Manager, Software Development
>>(416)493-6111x143
>>[EMAIL PROTECTED]
>>
>>
>>
>
>
>
>
>
>
>                       
>---------------------------------
>Yahoo! Photos
> Ring in the New Year with Photo Calendars. Add photos, events, holidays, 
> whatever.


Reply via email to