FYI: Composite selectors are supported on IE7.
- Jeanne
Simon Lessard wrote:
Hello Andrew,
You almost got it right! The right combination would be
.myTabs
af|panelTabbed::tab-selected
Since you set myTabs as the panel's class, the selected tab is a sub
component of the panel therefore a descendant of .myTabs.
You can combine skin selector with normal style class as much as you
want. However there's one thing you have to keep in mind. Since skin
selectors get converted to style classes, something like
af|inputText.myStyleClass
will be parsed to
.af_inputText.myStyleClass
That selector's syntax is CSS 2 valid, but CSS 2 is a very futurist
standard for some (a single one) browser that is MSIE on which
composite selectors aren't supported. So the above would not work well
on MSIE.
Regards,
~ Simon
On 8/15/07, Andrew Robinson <[EMAIL PROTECTED]>
wrote:
I
am trying to write my own skin for my application. In this
application, I may want to have tab panels that look different. I see
that for example, the following skin selector exists:
af|panelTabbed::tab-selected
How can I style the selected tab of the following:
<tr:panelTabbed styleClass="myTabs">
Is it something like:
af|panelTabbed::tab-selected .myTabs?
I'm just not sure how the skin selectors work with "normal" css
selectors that will get output to the client.
If there is a good skin reference out there, that would be helpful
too. I did find one on Oracle's site, but it didn't talk about
combining controls with specified style classes that I could tell.
Thanks,
Andrew
|