You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Simon Lessard <si...@gmail.com> on 2007/07/02 17:37:38 UTC

Re: [trinidad] NavigationPane (tab followed by bar)

Hello,

You're doing it correctly, however I would set the align in the skin rather
than inline. Using Firebug will tell you what selectors to use. Your problem
in Firefox is actually a Firebox bug that we need to work around. You'll
notice that the tabs will display well if you mouse press them (but not
release, so no click), then move your mouse outside the tabs bounds and then
release your mouse's left button. It seems that Firefix won't display cells
when they're empty which is what get generated currently. We should fix that
by adding a 1px font-sized nbsp inside the cell and I think a JIRA issue
already exists for that, or at least there was one during incubation. It was
not resolved yet though.


Regards,

~ Simon

On 6/30/07, Paul Baker <pb...@mindspring.com> wrote:
>
>  One additional note…
>
>
>
> I have also tried using: inlineStyle="text-align: left;" with the
> navigationPane and the "look" is right for IE but does not display well
> using FireFox.  What is needed is an align option to change the table layout
> from right to left.  This is the option that I am looking for.
>
>
>
> Rendered HTML for the tab navigationPane <td valign="bottom" *align**="**
> right*">
>
>
>
> <tr:form>
>
>  <tr:panelGroupLayout layout="vertical">
>
>   <tr:panelPage>
>
>    <f:facet name="navigation1">
>
>     <tr:navigationPane hint="tabs" var="foo"
>
>      value="#{pageModel.model}" inlineStyle="text-align: left;">
>
>      <f:facet name="nodeStamp">
>
>       <tr:commandNavigationItem text="#{foo.label}"
>
>         action="#{foo.getOutcome}"
>
>         selected="#{menuItem.viewId == view.viewId}" immediate="true" />
>
>      </f:facet>
>
>     </tr:navigationPane>
>
>    </f:facet>
>
>
>
>
>
>
>
> IE with:  inlineStyle="text-align: left;"
>
>
>
>
>
> FireFox with inlineStyle="text-align: left;"
>
>
>
>
>
> Any Ideas?
>
>
>
> Thanks in advance!!!
>
>
>
> PB - ATL
>  ------------------------------
>
> *From:* Paul Baker [mailto:pbaker01@mindspring.com]
> *Sent:* Saturday, June 30, 2007 1:20 PM
> *To:* users@myfaces.apache.org
> *Subject:* [trinidad] NavigationPane (tab followed by bar)
>
>
>
> Dear List,
>
>
>
> I am trying to format a page with a tab navigationPane followed by a bar
> navigationPane.  I want the tabs left justified (not right justified) and I
> want the bar to extend to the end of the page to the right. This seems like
> it would be very easy but I have been struggling with this for several days
> now.
>
>
>
> The snippet below shows what I have today… I want the tabs moved to the
> left and keep the bar as it is (extends to the end of the page).
>
>
>
> Has anyone done something similar?  If so, I would very much like to see
> how you did it.
>
>
>
> Thanks in advance!!!!
>
>
>
> PB
>
>
>
> What I have today….
>
>
>
>
>
>
>
> Below are snippets from pages that contain the basic look that I am trying
> to get.  Tab (left justified with main options) followed by a bar (extends
> to end with sub options).
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>

Re: [Trinidad] navigationPane::tabs SKINNING now has doc and demo

Posted by Jeanne Waldman <je...@oracle.com>.
should have put Skinning in the subject. :)

Jeanne Waldman wrote:
> Hi there,
>
> I just checked in to trunk the skin selector keys for 
> navigationPane::tabs and I added a demo that uses other images besides 
> the default in the beach skin.
> These tabs look very similar the old 'oracle' skin, so those of you 
> who have oracle/redwood shores skins can add these to your skin. You 
> might need to fix up the images to make them more perfect looking.
>
> The purple skin has a demo of using background-colors and no 
> background-images.
>
> - Jeanne
>

[Trinidad] navigationPane::tabs now has doc and demo

Posted by Jeanne Waldman <je...@oracle.com>.
Hi there,

I just checked in to trunk the skin selector keys for 
navigationPane::tabs and I added a demo that uses other images besides 
the default in the beach skin.
These tabs look very similar the old 'oracle' skin, so those of you who 
have oracle/redwood shores skins can add these to your skin. You might 
need to fix up the images to make them more perfect looking.

The purple skin has a demo of using background-colors and no 
background-images.

- Jeanne