myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Zigc Junk" <zigcj...@gmail.com>
Subject Re: trinidad skining
Date Tue, 05 Feb 2008 17:16:17 GMT
Just tried both syntax and it does not seem to work. Below is the html code
from Firebug. Note that I changed MyClass to t_topMenu. Do you know why?

thanks

Bill

<div class="t_topMenu af_navigationPane_tabs"><table class="" cellspacing="0
" cellpadding="0" border="0" style="display: inline;" summary="">
</table>
<table class="" cellspacing="0" cellpadding="0" border="0" style="display:
inline;" summary="">
<tbody style="display: inline;">
<tr>
<td>
<table class="af_navigationPane_tabs-inactive" cellspacing="0" cellpadding="
0" border="0" summary="">
<tbody>
<tr>
<td class="af_navigationPane_tabs-start-join-from-active"/>
</tr>
<tr>
<td class="af_navigationPane_tabs-bottom-end">
<div class="af_navigationPane_tabs-bottom-mid-content"/>
</td>
</tr>
</tbody>
</table>
</td>
<td>
<table class="af_navigationPane_tabs-inactive" cellspacing="0" cellpadding="
0" border="0" summary="">
<tbody>
<tr>
<td class="af_navigationPane_tabs-mid">
<a id="j_id_id50:j_id_id54"
onclick="submitForm('rootForm',1,{source:'j_id_id50:j_id_id54'});return
false;" href="#" name="j_id_id50:j_id_id54">Bills</a>
</td>
</tr>
<tr>
<td class="af_navigationPane_tabs-bottom-mid">
<div class="af_navigationPane_tabs-bottom-mid-content"/>
</td>
</tr>
</tbody>
</table>
</td>
<td>
</td>
</tr>
</tbody>
</table>


On Tue, Feb 5, 2008 at 11:01 AM, Simon Lessard <simon.lessard.3@gmail.com>
wrote:

> Hello Bill,
>
> The following should work:
>
> <tr:navigationPane hint="tabs" styleClass="MyClass">
>   <tr:commandNavigationItem text="Home" />
>   <tr:commandNavigationItem text="Bills" />
>   <tr:commandNavigationItem text="Service History" />
> </tr:navigationPane>
>
> .MyClass af|navigationPane::tabs-inactive af|navigationPane::tabs-mid A
> {
>   font-weight: bold;
> }
>
> or
>
> af|navigationPane.MyClass::tabs-inactive af|navigationPane::tabs-mid A
> {
>   font-weight: bold;
> }
>
> The best way to know on what element the style class should be put is by
> using Firebug.
>
>
> Regards,
>
> ~ Simon
>
>
>
> On Feb 5, 2008 11:55 AM, Zigc Junk <zigcjunk@gmail.com> wrote:
>
> > Can you be more specific? Assume that I have the following
> > navigationPane, how can I create a skin that is ONLY applied to this
> > navigationPane.
> >
> >       <tr:navigationPane hint="tabs">
> >         <tr:commandNavigationItem text="Home" />
> >         <tr:commandNavigationItem text="Bills" />
> >         <tr:commandNavigationItem text="Service History" />
> >       </tr:navigationPane>
> >
> > Here is one piece of the skin I created
> > af|navigationPane::tabs-inactive af|navigationPane::tabs-mid A {
> >   font-weight: bold;
> > }
> >
> > Thanks
> >
> > Bill
> >
> >
> >
> >
> > On Feb 5, 2008 10:33 AM, Scott O'Bryan <darkarena@gmail.com> wrote:
> >
> > > Zigc Junk wrote:
> > > > I am trying to skin the navigationPane. Since I have two
> > > > navigationPane (tabs) instances (one top menu and one secondary
> > > menu),
> > > > I want to put a different skin on each of them. It seems to me that
> > > > there is no way of doing that. I can only create one skin which will
> > > > be applied to all navigationPane instances. Does anyone know how to
> > > do
> > > > this?
> > > >
> > > > thanks
> > > >
> > > > Bill
> > > Use a compound key.  If the second navigation pane is embedded in the
> > > first one, the key for the second pane might look something like this:
> > >
> > > af|navigationPane-tabs::tab:selected
> > > af|navigationPane-tabs::tab-content
> > >
> > >
> > >
> >
>

Mime
View raw message