Hello Daniel,
The following are the valid selectors for navigationPane:
public static final String AF_NAVIGATION_LEVEL_TABS_ACTIVE_STYLE_CLASS =
"af|navigationPane::tabs-active";
public static final String
AF_NAVIGATION_LEVEL_TABS_BOTTOM_END_CONTENT_STYLE_CLASS =
"af|navigationPane::tabs-bottom-end-content";
public static final String
AF_NAVIGATION_LEVEL_TABS_BOTTOM_END_JOIN_STYLE_CLASS =
"af|navigationPane::tabs-bottom-end-join";
public static final String
AF_NAVIGATION_LEVEL_TABS_BOTTOM_END_STYLE_CLASS =
"af|navigationPane::tabs-bottom-end";
public static final String
AF_NAVIGATION_LEVEL_TABS_BOTTOM_MID_CONTENT_STYLE_CLASS =
"af|navigationPane::tabs-bottom-mid-content";
public static final String
AF_NAVIGATION_LEVEL_TABS_BOTTOM_MID_STYLE_CLASS =
"af|navigationPane::tabs-bottom-mid";
public static final String
AF_NAVIGATION_LEVEL_TABS_BOTTOM_START_STYLE_CLASS =
"af|navigationPane::tabs-bottom-start";
public static final String
AF_NAVIGATION_LEVEL_TABS_BOTTOM_START_CONTENT_STYLE_CLASS =
"af|navigationPane::tabs-bottom-start-content";
public static final String
AF_NAVIGATION_LEVEL_TABS_END_JOIN_TO_INACTIVE_STYLE_CLASS =
"af|navigationPane::tabs-end-join-to-inactive";
public static final String AF_NAVIGATION_LEVEL_TABS_END_STYLE_CLASS =
"af|navigationPane::tabs-end";
public static final String AF_NAVIGATION_LEVEL_TABS_INACTIVE_STYLE_CLASS
=
"af|navigationPane::tabs-inactive";
public static final String AF_NAVIGATION_LEVEL_TABS_MID_STYLE_CLASS =
"af|navigationPane::tabs-mid";
public static final String
AF_NAVIGATION_LEVEL_TABS_START_JOIN_FROM_ACTIVE_STYLE_CLASS =
"af|navigationPane::tabs-start-join-from-active";
public static final String
AF_NAVIGATION_LEVEL_TABS_START_JOIN_FROM_INACTIVE_STYLE_CLASS =
"af|navigationPane::tabs-start-join-from-inactive";
public static final String
AF_NAVIGATION_LEVEL_TABS_START_JOIN_STYLE_CLASS =
"af|navigationPane::tabs-start-join";
public static final String AF_NAVIGATION_LEVEL_TABS_START_STYLE_CLASS =
"af|navigationPane::tabs-start";
public static final String AF_NAVIGATION_LEVEL_TABS_STYLE_CLASS =
"af|navigationPane::tabs";
You can find most of the valid selectors in
org.apache.myfaces.trinidadinternal.renderkit.core.xhtml.SkinSelectorsalthough
not all yet sadly. As for the xml file for selectors, Trinidad also
has one that can be found in trinidad/src/site/xdoc/skin-selectors.xml
Also, normally http://myfaces.apache.org/trinidad/skin-selectors.html should
show the current version's valid selectors, but I see that it isn't the case
yet.
Regards,
~ Simon
On 6/12/07, Matt Cooper <[EMAIL PROTECTED]> wrote:
Hi Dan,
I believe the Trinidad implementation of tabs use "background-image:
url('path/to/image.png');" styles to create its appearance rather than
icons.
Doing a search on Google, I found this email thread containing
navigationPane styles, the tabs-inactive part looks like there is more too
it, e.g. "af|navigationPane::tabs-inactive af|navigationPane::tabs-start {
... }":
http://mail-archives.apache.org/mod_mbox/incubator-adffaces-user/200610.mbox/[EMAIL
PROTECTED]
Correct, I do not see any skinning documentation for navigationPane on
this page:
http://myfaces.apache.org/trinidad/skin-selectors.html
Regards,
Matt
On 6/12/07, Hannum, Daniel <[EMAIL PROTECTED]> wrote:
>
> Thanks, that's a very useful option, but I still can't figure it out. For
example one class in the generated HTML is
> af_navigationPane_tabs-inactive
>
>
>
> And when I use Firefox to edit the CSS, I can style that correctly, but
> when I put
>
>
>
> af|navigationPane::tabs-inactive { ... }
>
>
>
> in my css file, it doesn't seem to achnowledge it (even after clearing
> the cache and all that).
>
>
>
> Plus there are other questions. ADF had separate selectors for icons and
> links, but the generated HTML doesn't seem to have that, just for one
> example.
>
>
>
> Is there really NO documentation at all for this? ADF at least had
> adf-skins-doc.xml that I used. I will file a JIRA, as you say, if that's
> the way it is.
>
>
>
> Thanks
>
> Dan
>
>
> ------------------------------
>
> *From:* Matt Cooper [mailto:[EMAIL PROTECTED]
> *Sent:* Monday, June 11, 2007 6:19 PM
> *To:* MyFaces Discussion
> *Subject:* Re: Trinidad seems to be ignoring my old menuTabs styling
>
>
>
> Hi Dan,
>
> I'm not sure what the selectors for that component are off-hand but one
> handy procedure I can share with you (what I frequently use to make sure I
> am skinning things correctly) is to *temporarily* add the following
> (unsupported) entry in my web.xml file:
>
> <context-param>
> <param-name>
> org.apache.myfaces.trinidadinternal.DISABLE_CONTENT_COMPRESSION
> </param-name>
> <param-value>true</param-value>
> </context-param>
>
> Then, I run my page using Firefox and the Firebug DOM inspector add-on:
> https://addons.mozilla.org/en-US/firefox/addon/1843
> (or use whatever your favorite DOM inspector tool/browser combo is)
>
> and then inspect the DOM tree to see what the assigned "class"
> attributes are. So in your case, look for the element that contains the
> start side of the tab. It may show a class value of
> "af_navigationPaneTabs_top-start" or something similar to that. Once you
> know what that is, you can generally deduce the skin selector from it,
> e.g. "af|navigationPaneTabs::top-start".
>
> With that "disable" entry in your web.xml, you'll see the class values
> that make sense to you, otherwise they'd show up as "x12" or something
> obfuscated like that.
>
> Really, the main issue here sounds like the docs for this component are
> not accurate and need correcting. Feel free to log a JIRA issue for this
> at:
> http://issues.apache.org/jira/browse/TRINIDAD
>
> Hope this helps,
> Matt
>
> On 6/11/07, *Hannum, Daniel* <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
>
>
> I'm migrating from ADF, where I had a selector like this
>
>
>
> af |menuTabs: :selected-start-icon {
>
> content :url(/skins/common/images/tab_on_left.gif) ; width :11px ;
> height :27px ;
>
> }
>
>
>
> After switching to Trinidad, as far as I can tell, all of my other ADF
> selectors survived the trip, but all of my menuTabs ones like that one above
> don't make it into the generated CSS. Instead, Trinidad is using the default
> style, apparently
>
>
>
>
>
> .x40 .x46 {
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> BACKGROUND-IMAGE:
> url(../../images/tab3-end-join-deselected-to-deselected.gif)
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> }
>
>
>
> Now, I found what I thought was the latest documentation on the
> selectors, and it says that my selector should be ok.
>
>
>
> http://myfaces.apache.org/trinidad/skin-selectors.html
>
>
>
> However, I do realize that menuTabs has gone away in favor of
> navigationPane, so maybe that's the problem. Am I doing something wrong?
>
>
>
> Thanks.
>
> Dan
>
>
> ------------------------------
>
> ****Note:The information contained in this message may be privileged and
> confidential and protected from disclosure. If the reader of this message is
> not the intended recipient, or an employee or agent responsible for
> delivering this message to the intended recipient, you are hereby notified
> that any dissemination, distribution or copying of this communication is
> strictly prohibited. If you have received this communication in error,
> please notify the Sender immediately by replying to the message and deleting
> it from your computer. Thank you. Premier Inc. *
>
>
>
> ------------------------------
>
> * ***Note:The information contained in this message may be privileged
> and confidential and protected from disclosure. If the reader of this
> message is not the intended recipient, or an employee or agent responsible
> for delivering this message to the intended recipient, you are hereby
> notified that any dissemination, distribution or copying of this
> communication is strictly prohibited. If you have received this
> communication in error, please notify the Sender immediately by replying to
> the message and deleting it from your computer. Thank you. Premier Inc.
> *
>
