You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Paul Baker <pb...@mindspring.com> on 2007/06/28 13:57:56 UTC
RE: [trinidad] Beginner Skinner Questions
Dear user list,
I've been struggling with trinidad skinning. Below is a snap of a page that
was rendered via JSF and Trinidad. I started to create my own "skin"
(eLoadMaster.css) but there is obviously some default mechanism that I am
not aware of and I would like to change the way that the default works.
My specific questions are:
What is causing the green line (border) to be rendered in my page following
the bar naviationPane.
How do I get rid of that?
How do I change it?
I've attached the source and the *.css file. I'm reading what I can on the
skinning features. I have almost no styles defined though (is that the
problem :-) ).
My general question is:
Where can I find skinning documentation and examples that will help me with
questions like above.
So far I have found/read the following:
1. the skin-selectors.xml that contains some of the styles/classes.
2.
http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors
.html
3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
4.
http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchan
ge/jsf/doc/skin-selectors.html
5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
There is obviously something that I don't get. Will someone please point me
in the right direction?
Thank in advance.
--PB (ATL)
_____
From: Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
Sent: Monday, June 25, 2007 7:15 AM
To: MyFaces Discussion
Subject: Re: page layout and more
Paul,
In your jsp page I see this as the doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
I think this is switching the browser back into quirks mode.
I don't think the doctype is necessary,most of your layout problems will be
solved if your remove the doctype.
Also you might want to use Trinidad skinning features to customize your
page.
-- Abhi
On 6/24/07, Paul Baker < <ma...@mindspring.com>
pbaker01@mindspring.com> wrote:
Hi,
I want to use myfaces and Trinidad on our project and I am trying to create
some prototypes and some proof of concept pages.
I'm having an awful time trying to layout the page the way that I want it.
I want a three panel page: top, left, and content. On the content page I
want to use a tab navigation component followed by a bar navigation
component.
panelBorderLayout work great for the layout. But on the content page I have
a few issues.
1. There is a gap between the tab component and the bar component. I
want the bar component to directly follow the tab component. How do I do
this? I read all of the documentation that I can find and have experimented
with several styles.
2. I would like the tab component to extend to the right.
3. How do I control the page top and bottom boarders? For example,
using the beach.css the borders are currently displayed and are blue. I
don't want the borders displayed at all.
Below is a snapshot of the current display and below that is want I want to
display. I have also attached the jsp that created the page.
Thanks in advance..
Frustrated in Atlanta..
Re: [trinidad] Beginner Skinner Questions
Posted by Jeanne Waldman <je...@oracle.com>.
Every skin extends the simple skin. In the source code, this is the
base-desktop.xss and the simple-desktop.xss files. You can look at these
to see what the defaults are, what aliases are used, etc.
Or you can set your skin-family to simple, and run a page, and look at
the generated css to see what is set by default. Then you can override
those css properties in your skin or you can inhibit them with -tr-inhibit.
You can look at the demo bundle, and the purple skin, for examples of
the syntax you are supposed to use.
disabling content compression in web.xml like Simon suggested is a good
way to debug since it shows the uncompressed style names.
And Firebug is really a cool tool. You can inspect an element, and then
it shows the css that is applied to it in a pane to the right. It will
also show you all the inherited css properties (like those that you
might get from body, for example).
- Jeanne
Matthias Wessendorf wrote:
> My suggestion is looking at the class, that's rendered out, by using
> firebug.
>
> af_component_foo would be translated into a key like
>
> af|component::foo
>
> -M
>
> On 6/28/07, *Abhijit Ghosh* <abhijit.s.ghosh@gmail.com
> <ma...@gmail.com>> wrote:
>
> Also I am not sure if you have read this document:
> http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
> <http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html>
>
>
> It is a good introduction to the basics of skinning,though some
> things might not hold true for Trinidad.
>
> -- Abhi
>
>
> On 6/28/07, * Paul Baker* <pbaker01@mindspring.com
> <ma...@mindspring.com>> wrote:
>
> Dear user list,
>
>
>
> I've been struggling with trinidad skinning. Below is a snap
> of a page that was rendered via JSF and Trinidad. I started
> to create my own "skin" (eLoadMaster.css) but there is
> obviously some default mechanism that I am not aware of and I
> would like to change the way that the default works.
>
>
>
> My specific questions are:
>
> What is causing the green line (border) to be rendered in my
> page following the bar naviationPane.
>
> How do I get rid of that?
>
> How do I change it?
>
>
>
>
>
> I've attached the source and the *.css file. I'm reading what
> I can on the skinning features. I have almost no styles
> defined though (is that the problem J ).
>
>
> The skins are combined to generate the final CSS file,you
>
> My general question is:
>
> Where can I find skinning documentation and examples that will
> help me with questions like above.
>
>
>
> So far I have found/read the following:
>
> 1. the skin-selectors.xml that contains some of the
> styles/classes.
>
> 2.
> http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
>
> 3.
> G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
>
> 4.
> http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
>
> 5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
>
>
>
>
>
> There is obviously something that I don't get… Will someone
> please point me in the right direction?
>
>
>
> Thank in advance…
>
> --PB (ATL)
>
>
>
> ------------------------------------------------------------------------
>
> *From:* Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com
> <ma...@gmail.com>]
> *Sent:* Monday, June 25, 2007 7:15 AM
> *To:* MyFaces Discussion
> *Subject:* Re: page layout and more
>
>
>
> Paul,
> In your jsp page I see this as the doctype:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> I think this is switching the browser back into quirks mode.
> I don't think the doctype is necessary,most of your layout
> problems will be solved if your remove the doctype.
>
> Also you might want to use Trinidad skinning features to
> customize your page.
>
> -- Abhi
>
> On 6/24/07, *Paul Baker* < pbaker01@mindspring.com
> <ma...@mindspring.com>> wrote:
>
> Hi,
>
>
>
> I want to use myfaces and Trinidad on our project and I am
> trying to create some prototypes and some proof of concept pages.
>
> I'm having an awful time trying to layout the page the way
> that I want it.
>
> I want a three panel page: top, left, and content. On the
> content page I want to use a tab navigation component followed
> by a bar navigation component.
>
> panelBorderLayout work great for the layout. But on the
> content page I have a few issues.
>
> 1. There is a gap between the tab component and the bar
> component. I want the bar component to directly follow
> the tab component. How do I do this? I read all of the
> documentation that I can find and have experimented with
> several styles.
> 2. I would like the tab component to extend to the right.
> 3. How do I control the page top and bottom boarders? For
> example, using the beach.css the borders are currently
> displayed and are blue. I don't want the borders
> displayed at all.
>
> Below is a snapshot of the current display and below that is
> want I want to display. I have also attached the jsp that
> created the page.
>
>
>
>
>
>
>
> Thanks in advance..
>
>
>
> Frustrated in Atlanta..
>
>
>
>
>
>
>
>
>
>
>
> --
> Matthias Wessendorf
>
> further stuff:
> blog: http://matthiaswessendorf.wordpress.com/
> mail: matzew-at-apache-dot-org
Re: [trinidad] Beginner Skinner Questions
Posted by Simon Lessard <si...@gmail.com>.
Hello,
I'm sure navigationPane skinning is not perfect yet, but it's not as bad as
a "navigationPain" yet :)
^_^
~ Simon
On 6/29/07, Paul Baker <pb...@mindspring.com> wrote:
>
> Thanks list for all the responses!
>
>
>
> I installed Firebug and that is a big help. I think that there is a
> problem with the navigationPain component… I can see that an <hr> is being
> generated and I think that this is incorrect.
>
>
>
> Rendered HTML
>
>
>
> table width="100%" cellspacing="0" cellpadding="0" border="0" summary="">
>
> <tbody>
>
> <tr></tr>
>
> <tr></tr>
>
> <tr>
>
> <td width="100%">
>
> <div>
>
> <hr class="x98" />
>
> <div class="x9a" />
>
> <div class="x99" />
>
> <div class="x9b" />
>
> </div>
>
> </td>
>
> </tr>
>
> </tbody>
>
> </table>
>
>
>
> Is there anyone using "bar" navigationPain with a menuModel and not
> getting a misplaced <hr>?
>
>
> <tr:navigationPane hint="bar" level="1" var="foo" value="#{pageModel.model
> }">
>
>
>
> Simple code with a menuModel…
>
>
>
> <%@ page language="java" pageEncoding="ISO-8859-1"%>
>
> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
>
> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
>
> <%@ taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
>
> <%@ taglib prefix="tr" uri="http://myfaces.apache.org/trinidad"%>
>
>
>
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> <f:view>
>
> <tr:document title="navigationPane Demo">
>
> <tr:form>
>
> <tr:panelGroupLayout layout="vertical">
>
> <tr:panelPage>
>
> <f:facet name="navigation2">
>
> <tr:navigationPane hint="tabs" var="foo"
>
> value="#{pageModel.model}">
>
> <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>
>
>
>
> <f:facet name="navigation3">
>
> <tr:navigationPane hint="bar" level="1" var="foo"
>
> value="#{pageModel.model}">
>
> <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>
>
> </tr:panelPage>
>
> a1b1
>
> </tr:panelGroupLayout>
>
> </tr:form>
>
> </tr:document>
>
>
>
>
>
>
>
> I don't want this <hr> generated. I don't think that this is a skinning
> issue…
>
>
>
> PB
>
>
>
>
> ------------------------------
>
> *From:* mwessendorf@gmail.com [mailto:mwessendorf@gmail.com] *On Behalf Of
> *Matthias Wessendorf
> *Sent:* Thursday, June 28, 2007 9:31 AM
> *To:* MyFaces Discussion
> *Subject:* Re: [trinidad] Beginner Skinner Questions
>
>
>
> My suggestion is looking at the class, that's rendered out, by using
> firebug.
>
> af_component_foo would be translated into a key like
>
> af|component::foo
>
> -M
>
> On 6/28/07, *Abhijit Ghosh* <ab...@gmail.com> wrote:
>
> Also I am not sure if you have read this document:
> http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
>
>
> It is a good introduction to the basics of skinning,though some things
> might not hold true for Trinidad.
>
> -- Abhi
>
> On 6/28/07, *Paul Baker* <pb...@mindspring.com> wrote:
>
> Dear user list,
>
>
>
> I've been struggling with trinidad skinning. Below is a snap of a page
> that was rendered via JSF and Trinidad. I started to create my own "skin" (
> eLoadMaster.css) but there is obviously some default mechanism that I am
> not aware of and I would like to change the way that the default works.
>
>
>
> My specific questions are:
>
> What is causing the green line (border) to be rendered in my page
> following the bar naviationPane.
>
> How do I get rid of that?
>
> How do I change it?
>
>
>
>
>
> I've attached the source and the *.css file. I'm reading what I can on
> the skinning features. I have almost no styles defined though (is that the
> problem J ).
>
>
> The skins are combined to generate the final CSS file,you
>
>
>
> My general question is:
>
> Where can I find skinning documentation and examples that will help me
> with questions like above.
>
>
>
> So far I have found/read the following:
>
> 1. the skin-selectors.xml that contains some of the styles/classes.
>
> 2.
> http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
>
> 3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
>
> 4.
> http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
>
> 5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
>
>
>
>
>
> There is obviously something that I don't get… Will someone please point
> me in the right direction?
>
>
>
> Thank in advance…
>
> --PB (ATL)
>
>
> ------------------------------
>
> *From:* Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
> *Sent:* Monday, June 25, 2007 7:15 AM
> *To:* MyFaces Discussion
> *Subject:* Re: page layout and more
>
>
>
> Paul,
> In your jsp page I see this as the doctype:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> I think this is switching the browser back into quirks mode.
> I don't think the doctype is necessary,most of your layout problems will
> be solved if your remove the doctype.
>
> Also you might want to use Trinidad skinning features to customize your
> page.
>
> -- Abhi
>
> On 6/24/07, *Paul Baker* < pbaker01@mindspring.com> wrote:
>
> Hi,
>
>
>
> I want to use myfaces and Trinidad on our project and I am trying to
> create some prototypes and some proof of concept pages.
>
> I'm having an awful time trying to layout the page the way that I want
> it.
>
> I want a three panel page: top, left, and content. On the content page I
> want to use a tab navigation component followed by a bar navigation
> component.
>
> panelBorderLayout work great for the layout. But on the content page I
> have a few issues.
>
> 1. There is a gap between the tab component and the bar component.
> I want the bar component to directly follow the tab component. How do I do
> this? I read all of the documentation that I can find and have experimented
> with several styles.
> 2. I would like the tab component to extend to the right.
> 3. How do I control the page top and bottom boarders? For example,
> using the beach.css the borders are currently displayed and are
> blue. I don't want the borders displayed at all.
>
> Below is a snapshot of the current display and below that is want I want
> to display. I have also attached the jsp that created the page.
>
>
>
>
>
>
>
> Thanks in advance..
>
>
>
> Frustrated in Atlanta..
>
>
>
>
>
>
>
>
>
>
>
>
> --
> Matthias Wessendorf
>
> further stuff:
> blog: http://matthiaswessendorf.wordpress.com/
> mail: matzew-at-apache-dot-org
>
RE: [trinidad] Beginner Skinner Questions
Posted by Paul Baker <pb...@mindspring.com>.
Thanks list for all the responses!
I installed Firebug and that is a big help. I think that there is a problem
with the navigationPain component. I can see that an <hr> is being generated
and I think that this is incorrect.
Rendered HTML
table width="100%" cellspacing="0" cellpadding="0" border="0" summary="">
<tbody>
<tr></tr>
<tr></tr>
<tr>
<td width="100%">
<div>
<hr class="x98" />
<div class="x9a" />
<div class="x99" />
<div class="x9b" />
</div>
</td>
</tr>
</tbody>
</table>
Is there anyone using "bar" navigationPain with a menuModel and not getting
a misplaced <hr>?
<tr:navigationPane hint="bar" level="1" var="foo"
value="#{pageModel.model}">
Simple code with a menuModel.
<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@ taglib prefix="tr" uri="http://myfaces.apache.org/trinidad"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<f:view>
<tr:document title="navigationPane Demo">
<tr:form>
<tr:panelGroupLayout layout="vertical">
<tr:panelPage>
<f:facet name="navigation2">
<tr:navigationPane hint="tabs" var="foo"
value="#{pageModel.model}">
<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>
<f:facet name="navigation3">
<tr:navigationPane hint="bar" level="1" var="foo"
value="#{pageModel.model}">
<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>
</tr:panelPage>
a1b1
</tr:panelGroupLayout>
</tr:form>
</tr:document>
I don't want this <hr> generated. I don't think that this is a skinning
issue.
PB
_____
From: mwessendorf@gmail.com [mailto:mwessendorf@gmail.com] On Behalf Of
Matthias Wessendorf
Sent: Thursday, June 28, 2007 9:31 AM
To: MyFaces Discussion
Subject: Re: [trinidad] Beginner Skinner Questions
My suggestion is looking at the class, that's rendered out, by using
firebug.
af_component_foo would be translated into a key like
af|component::foo
-M
On 6/28/07, Abhijit Ghosh <ab...@gmail.com> wrote:
Also I am not sure if you have read this document:
http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.htm
l
It is a good introduction to the basics of skinning,though some things might
not hold true for Trinidad.
-- Abhi
On 6/28/07, Paul Baker <pb...@mindspring.com> wrote:
Dear user list,
I've been struggling with trinidad skinning. Below is a snap of a page that
was rendered via JSF and Trinidad. I started to create my own "skin"
(eLoadMaster.css) but there is obviously some default mechanism that I am
not aware of and I would like to change the way that the default works.
My specific questions are:
What is causing the green line (border) to be rendered in my page following
the bar naviationPane.
How do I get rid of that?
How do I change it?
I've attached the source and the *.css file. I'm reading what I can on the
skinning features. I have almost no styles defined though (is that the
problem :-) ).
The skins are combined to generate the final CSS file,you
My general question is:
Where can I find skinning documentation and examples that will help me with
questions like above.
So far I have found/read the following:
1. the skin-selectors.xml that contains some of the styles/classes.
2.
http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors
.html
3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
4.
http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchan
ge/jsf/doc/skin-selectors.html
5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
There is obviously something that I don't get. Will someone please point me
in the right direction?
Thank in advance.
--PB (ATL)
_____
From: Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
Sent: Monday, June 25, 2007 7:15 AM
To: MyFaces Discussion
Subject: Re: page layout and more
Paul,
In your jsp page I see this as the doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
I think this is switching the browser back into quirks mode.
I don't think the doctype is necessary,most of your layout problems will be
solved if your remove the doctype.
Also you might want to use Trinidad skinning features to customize your
page.
-- Abhi
On 6/24/07, Paul Baker < pbaker01@mindspring.com
<ma...@mindspring.com> > wrote:
Hi,
I want to use myfaces and Trinidad on our project and I am trying to create
some prototypes and some proof of concept pages.
I'm having an awful time trying to layout the page the way that I want it.
I want a three panel page: top, left, and content. On the content page I
want to use a tab navigation component followed by a bar navigation
component.
panelBorderLayout work great for the layout. But on the content page I have
a few issues.
1. There is a gap between the tab component and the bar component. I
want the bar component to directly follow the tab component. How do I do
this? I read all of the documentation that I can find and have experimented
with several styles.
2. I would like the tab component to extend to the right.
3. How do I control the page top and bottom boarders? For example,
using the beach.css the borders are currently displayed and are blue. I
don't want the borders displayed at all.
Below is a snapshot of the current display and below that is want I want to
display. I have also attached the jsp that created the page.
Thanks in advance..
Frustrated in Atlanta..
--
Matthias Wessendorf
further stuff:
blog: http://matthiaswessendorf.wordpress.com/
mail: matzew-at-apache-dot-org
Re: [trinidad] Beginner Skinner Questions
Posted by Matthias Wessendorf <ma...@apache.org>.
My suggestion is looking at the class, that's rendered out, by using
firebug.
af_component_foo would be translated into a key like
af|component::foo
-M
On 6/28/07, Abhijit Ghosh <ab...@gmail.com> wrote:
>
> Also I am not sure if you have read this document:
>
> http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
>
> It is a good introduction to the basics of skinning,though some things
> might not hold true for Trinidad.
>
> -- Abhi
>
>
> On 6/28/07, Paul Baker <pb...@mindspring.com> wrote:
> >
> > Dear user list,
> >
> >
> >
> > I've been struggling with trinidad skinning. Below is a snap of a page
> > that was rendered via JSF and Trinidad. I started to create my own "skin" (
> > eLoadMaster.css) but there is obviously some default mechanism that I am
> > not aware of and I would like to change the way that the default works.
> >
> >
> >
> > My specific questions are:
> >
> > What is causing the green line (border) to be rendered in my page
> > following the bar naviationPane.
> >
> > How do I get rid of that?
> >
> > How do I change it?
> >
> >
> >
> >
> >
> > I've attached the source and the *.css file. I'm reading what I can on
> > the skinning features. I have almost no styles defined though (is that the
> > problem J ).
> >
>
> The skins are combined to generate the final CSS file,you
>
> My general question is:
> >
> > Where can I find skinning documentation and examples that will help me
> > with questions like above.
> >
> >
> >
> > So far I have found/read the following:
> >
> > 1. the skin-selectors.xml that contains some of the styles/classes.
> >
> > 2. http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
> >
> > 3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
> >
> > 4. http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
> >
> > 5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
> >
> >
> >
> >
> >
> > There is obviously something that I don't get… Will someone please point
> > me in the right direction?
> >
> >
> >
> > Thank in advance…
> >
> > --PB (ATL)
> >
> >
> > ------------------------------
> >
> > *From:* Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
> > *Sent:* Monday, June 25, 2007 7:15 AM
> > *To:* MyFaces Discussion
> > *Subject:* Re: page layout and more
> >
> >
> >
> > Paul,
> > In your jsp page I see this as the doctype:
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
> >
> > I think this is switching the browser back into quirks mode.
> > I don't think the doctype is necessary,most of your layout problems will
> > be solved if your remove the doctype.
> >
> > Also you might want to use Trinidad skinning features to customize your
> > page.
> >
> > -- Abhi
> >
> > On 6/24/07, *Paul Baker* < pbaker01@mindspring.com> wrote:
> >
> > Hi,
> >
> >
> >
> > I want to use myfaces and Trinidad on our project and I am trying to
> > create some prototypes and some proof of concept pages.
> >
> > I'm having an awful time trying to layout the page the way that I want
> > it.
> >
> > I want a three panel page: top, left, and content. On the content page
> > I want to use a tab navigation component followed by a bar navigation
> > component.
> >
> > panelBorderLayout work great for the layout. But on the content page I
> > have a few issues.
> >
> > 1. There is a gap between the tab component and the bar
> > component. I want the bar component to directly follow the tab component.
> > How do I do this? I read all of the documentation that I can find and have
> > experimented with several styles.
> > 2. I would like the tab component to extend to the right.
> > 3. How do I control the page top and bottom boarders? For
> > example, using the beach.css the borders are currently displayed
> > and are blue. I don't want the borders displayed at all.
> >
> > Below is a snapshot of the current display and below that is want I
> > want to display. I have also attached the jsp that created the page.
> >
> >
> >
> >
> >
> >
> >
> > Thanks in advance..
> >
> >
> >
> > Frustrated in Atlanta..
> >
> >
> >
> >
> >
> >
> >
>
--
Matthias Wessendorf
further stuff:
blog: http://matthiaswessendorf.wordpress.com/
mail: matzew-at-apache-dot-org
Re: [trinidad] Beginner Skinner Questions
Posted by Abhijit Ghosh <ab...@gmail.com>.
Also I am not sure if you have read this document:
http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
It is a good introduction to the basics of skinning,though some things might
not hold true for Trinidad.
-- Abhi
On 6/28/07, Paul Baker <pb...@mindspring.com> wrote:
>
> Dear user list,
>
>
>
> I've been struggling with trinidad skinning. Below is a snap of a page
> that was rendered via JSF and Trinidad. I started to create my own "skin" (
> eLoadMaster.css) but there is obviously some default mechanism that I am
> not aware of and I would like to change the way that the default works.
>
>
>
> My specific questions are:
>
> What is causing the green line (border) to be rendered in my page
> following the bar naviationPane.
>
> How do I get rid of that?
>
> How do I change it?
>
>
>
>
>
> I've attached the source and the *.css file. I'm reading what I can on
> the skinning features. I have almost no styles defined though (is that the
> problem J ).
>
The skins are combined to generate the final CSS file,you
My general question is:
>
> Where can I find skinning documentation and examples that will help me
> with questions like above.
>
>
>
> So far I have found/read the following:
>
> 1. the skin-selectors.xml that contains some of the styles/classes.
>
> 2. http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
>
> 3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
>
> 4. http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
>
> 5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
>
>
>
>
>
> There is obviously something that I don't get… Will someone please point
> me in the right direction?
>
>
>
> Thank in advance…
>
> --PB (ATL)
>
>
> ------------------------------
>
> *From:* Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
> *Sent:* Monday, June 25, 2007 7:15 AM
> *To:* MyFaces Discussion
> *Subject:* Re: page layout and more
>
>
>
> Paul,
> In your jsp page I see this as the doctype:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> I think this is switching the browser back into quirks mode.
> I don't think the doctype is necessary,most of your layout problems will
> be solved if your remove the doctype.
>
> Also you might want to use Trinidad skinning features to customize your
> page.
>
> -- Abhi
>
> On 6/24/07, *Paul Baker* < pbaker01@mindspring.com> wrote:
>
> Hi,
>
>
>
> I want to use myfaces and Trinidad on our project and I am trying to
> create some prototypes and some proof of concept pages.
>
> I'm having an awful time trying to layout the page the way that I want
> it.
>
> I want a three panel page: top, left, and content. On the content page I
> want to use a tab navigation component followed by a bar navigation
> component.
>
> panelBorderLayout work great for the layout. But on the content page I
> have a few issues.
>
> 1. There is a gap between the tab component and the bar component.
> I want the bar component to directly follow the tab component. How do I do
> this? I read all of the documentation that I can find and have experimented
> with several styles.
> 2. I would like the tab component to extend to the right.
> 3. How do I control the page top and bottom boarders? For example,
> using the beach.css the borders are currently displayed and are
> blue. I don't want the borders displayed at all.
>
> Below is a snapshot of the current display and below that is want I want
> to display. I have also attached the jsp that created the page.
>
>
>
>
>
>
>
> Thanks in advance..
>
>
>
> Frustrated in Atlanta..
>
>
>
>
>
>
>
Re: [trinidad] Beginner Skinner Questions
Posted by Abhijit Ghosh <ab...@gmail.com>.
Paul,
Also if you absolutely have to use IE to test,this might help:
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
-- Abhi
On 6/28/07, Simon Lessard <si...@gmail.com> wrote:
>
> Hello again,
>
> Also, set the "
> org.apache.myfaces.trinidadinternal.DISABLE_CONTENT_COMPRESSION"
> context-param to true so that the generated code contains the full selector
> names.
>
>
> Regards,
>
> ~ Simon
>
> On 6/28/07, Simon Lessard <si...@gmail.com> wrote:
> >
> > Hello Paul,
> >
> > My first guess is that af|navigationPane::bar include some alias. Have
> > you tried -tr-inhibit: all in af|navigationPane::bar selector? That could
> > help.
> >
> > Also, what tool are you using to test your skin? I HIGHLY suggest using
> > Firefox with Firebug, this will allow you to inspect the bar and see exactly
> > what selectors are being used and where the border come from.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> > On 6/28/07, Paul Baker < pbaker01@mindspring.com> wrote:
> > >
> > > Dear user list,
> > >
> > >
> > >
> > > I've been struggling with trinidad skinning. Below is a snap of a
> > > page that was rendered via JSF and Trinidad. I started to create my own
> > > "skin" (eLoadMaster.css) but there is obviously some default mechanism
> > > that I am not aware of and I would like to change the way that the default
> > > works.
> > >
> > >
> > >
> > > My specific questions are:
> > >
> > > What is causing the green line (border) to be rendered in my page
> > > following the bar naviationPane.
> > >
> > > How do I get rid of that?
> > >
> > > How do I change it?
> > >
> > >
> > >
> > >
> > >
> > > I've attached the source and the *.css file. I'm reading what I can
> > > on the skinning features. I have almost no styles defined though (is that
> > > the problem J ).
> > >
> > >
> > >
> > > My general question is:
> > >
> > > Where can I find skinning documentation and examples that will help me
> > > with questions like above.
> > >
> > >
> > >
> > > So far I have found/read the following:
> > >
> > > 1. the skin-selectors.xml that contains some of the
> > > styles/classes.
> > >
> > > 2. http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
> > >
> > > 3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-
> > > selectors.html
> > >
> > > 4. http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
> > >
> > > 5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
> > >
> > >
> > >
> > >
> > >
> > > There is obviously something that I don't get… Will someone please
> > > point me in the right direction?
> > >
> > >
> > >
> > > Thank in advance…
> > >
> > > --PB (ATL)
> > >
> > >
> > > ------------------------------
> > >
> > > *From:* Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
> > > *Sent:* Monday, June 25, 2007 7:15 AM
> > > *To:* MyFaces Discussion
> > > *Subject:* Re: page layout and more
> > >
> > >
> > >
> > > Paul,
> > > In your jsp page I see this as the doctype:
> > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
> > >
> > > I think this is switching the browser back into quirks mode.
> > > I don't think the doctype is necessary,most of your layout problems
> > > will be solved if your remove the doctype.
> > >
> > > Also you might want to use Trinidad skinning features to customize
> > > your page.
> > >
> > > -- Abhi
> > >
> > > On 6/24/07, *Paul Baker* < pbaker01@mindspring.com> wrote:
> > >
> > > Hi,
> > >
> > >
> > >
> > > I want to use myfaces and Trinidad on our project and I am trying to
> > > create some prototypes and some proof of concept pages.
> > >
> > > I'm having an awful time trying to layout the page the way that I want
> > > it.
> > >
> > > I want a three panel page: top, left, and content. On the content
> > > page I want to use a tab navigation component followed by a bar navigation
> > > component.
> > >
> > > panelBorderLayout work great for the layout. But on the content page I
> > > have a few issues.
> > >
> > > 1. There is a gap between the tab component and the bar
> > > component. I want the bar component to directly follow the tab component.
> > > How do I do this? I read all of the documentation that I can find and have
> > > experimented with several styles.
> > > 2. I would like the tab component to extend to the right.
> > > 3. How do I control the page top and bottom boarders? For
> > > example, using the beach.css the borders are currently displayed
> > > and are blue. I don't want the borders displayed at all.
> > >
> > > Below is a snapshot of the current display and below that is want I
> > > want to display. I have also attached the jsp that created the page.
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> > > Thanks in advance..
> > >
> > >
> > >
> > > Frustrated in Atlanta..
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> >
>
Re: [trinidad] Beginner Skinner Questions
Posted by Simon Lessard <si...@gmail.com>.
Hello again,
Also, set the "
org.apache.myfaces.trinidadinternal.DISABLE_CONTENT_COMPRESSION"
context-param to true so that the generated code contains the full selector
names.
Regards,
~ Simon
On 6/28/07, Simon Lessard <si...@gmail.com> wrote:
>
> Hello Paul,
>
> My first guess is that af|navigationPane::bar include some alias. Have you
> tried -tr-inhibit: all in af|navigationPane::bar selector? That could help.
>
> Also, what tool are you using to test your skin? I HIGHLY suggest using
> Firefox with Firebug, this will allow you to inspect the bar and see exactly
> what selectors are being used and where the border come from.
>
>
> Regards,
>
> ~ Simon
>
> On 6/28/07, Paul Baker <pb...@mindspring.com> wrote:
> >
> > Dear user list,
> >
> >
> >
> > I've been struggling with trinidad skinning. Below is a snap of a page
> > that was rendered via JSF and Trinidad. I started to create my own "skin" (
> > eLoadMaster.css) but there is obviously some default mechanism that I am
> > not aware of and I would like to change the way that the default works.
> >
> >
> >
> > My specific questions are:
> >
> > What is causing the green line (border) to be rendered in my page
> > following the bar naviationPane.
> >
> > How do I get rid of that?
> >
> > How do I change it?
> >
> >
> >
> >
> >
> > I've attached the source and the *.css file. I'm reading what I can on
> > the skinning features. I have almost no styles defined though (is that the
> > problem J ).
> >
> >
> >
> > My general question is:
> >
> > Where can I find skinning documentation and examples that will help me
> > with questions like above.
> >
> >
> >
> > So far I have found/read the following:
> >
> > 1. the skin-selectors.xml that contains some of the styles/classes.
> >
> > 2. http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
> >
> > 3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
> >
> > 4. http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
> >
> > 5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
> >
> >
> >
> >
> >
> > There is obviously something that I don't get… Will someone please point
> > me in the right direction?
> >
> >
> >
> > Thank in advance…
> >
> > --PB (ATL)
> >
> >
> > ------------------------------
> >
> > *From:* Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
> > *Sent:* Monday, June 25, 2007 7:15 AM
> > *To:* MyFaces Discussion
> > *Subject:* Re: page layout and more
> >
> >
> >
> > Paul,
> > In your jsp page I see this as the doctype:
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
> >
> > I think this is switching the browser back into quirks mode.
> > I don't think the doctype is necessary,most of your layout problems will
> > be solved if your remove the doctype.
> >
> > Also you might want to use Trinidad skinning features to customize your
> > page.
> >
> > -- Abhi
> >
> > On 6/24/07, *Paul Baker* < pbaker01@mindspring.com> wrote:
> >
> > Hi,
> >
> >
> >
> > I want to use myfaces and Trinidad on our project and I am trying to
> > create some prototypes and some proof of concept pages.
> >
> > I'm having an awful time trying to layout the page the way that I want
> > it.
> >
> > I want a three panel page: top, left, and content. On the content page
> > I want to use a tab navigation component followed by a bar navigation
> > component.
> >
> > panelBorderLayout work great for the layout. But on the content page I
> > have a few issues.
> >
> > 1. There is a gap between the tab component and the bar
> > component. I want the bar component to directly follow the tab component.
> > How do I do this? I read all of the documentation that I can find and have
> > experimented with several styles.
> > 2. I would like the tab component to extend to the right.
> > 3. How do I control the page top and bottom boarders? For
> > example, using the beach.css the borders are currently displayed
> > and are blue. I don't want the borders displayed at all.
> >
> > Below is a snapshot of the current display and below that is want I
> > want to display. I have also attached the jsp that created the page.
> >
> >
> >
> >
> >
> >
> >
> > Thanks in advance..
> >
> >
> >
> > Frustrated in Atlanta..
> >
> >
> >
> >
> >
> >
> >
>
Re: [trinidad] Beginner Skinner Questions
Posted by Simon Lessard <si...@gmail.com>.
Hello Paul,
My first guess is that af|navigationPane::bar include some alias. Have you
tried -tr-inhibit: all in af|navigationPane::bar selector? That could help.
Also, what tool are you using to test your skin? I HIGHLY suggest using
Firefox with Firebug, this will allow you to inspect the bar and see exactly
what selectors are being used and where the border come from.
Regards,
~ Simon
On 6/28/07, Paul Baker <pb...@mindspring.com> wrote:
>
> Dear user list,
>
>
>
> I've been struggling with trinidad skinning. Below is a snap of a page
> that was rendered via JSF and Trinidad. I started to create my own "skin" (
> eLoadMaster.css) but there is obviously some default mechanism that I am
> not aware of and I would like to change the way that the default works.
>
>
>
> My specific questions are:
>
> What is causing the green line (border) to be rendered in my page
> following the bar naviationPane.
>
> How do I get rid of that?
>
> How do I change it?
>
>
>
>
>
> I've attached the source and the *.css file. I'm reading what I can on
> the skinning features. I have almost no styles defined though (is that the
> problem J ).
>
>
>
> My general question is:
>
> Where can I find skinning documentation and examples that will help me
> with questions like above.
>
>
>
> So far I have found/read the following:
>
> 1. the skin-selectors.xml that contains some of the styles/classes.
>
> 2.
> http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
>
> 3. G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html
>
> 4.
> http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
>
> 5. http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
>
>
>
>
>
> There is obviously something that I don't get… Will someone please point
> me in the right direction?
>
>
>
> Thank in advance…
>
> --PB (ATL)
>
>
> ------------------------------
>
> *From:* Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com]
> *Sent:* Monday, June 25, 2007 7:15 AM
> *To:* MyFaces Discussion
> *Subject:* Re: page layout and more
>
>
>
> Paul,
> In your jsp page I see this as the doctype:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> I think this is switching the browser back into quirks mode.
> I don't think the doctype is necessary,most of your layout problems will
> be solved if your remove the doctype.
>
> Also you might want to use Trinidad skinning features to customize your
> page.
>
> -- Abhi
>
> On 6/24/07, *Paul Baker* < pbaker01@mindspring.com> wrote:
>
> Hi,
>
>
>
> I want to use myfaces and Trinidad on our project and I am trying to
> create some prototypes and some proof of concept pages.
>
> I'm having an awful time trying to layout the page the way that I want
> it.
>
> I want a three panel page: top, left, and content. On the content page I
> want to use a tab navigation component followed by a bar navigation
> component.
>
> panelBorderLayout work great for the layout. But on the content page I
> have a few issues.
>
> 1. There is a gap between the tab component and the bar component.
> I want the bar component to directly follow the tab component. How do I do
> this? I read all of the documentation that I can find and have experimented
> with several styles.
> 2. I would like the tab component to extend to the right.
> 3. How do I control the page top and bottom boarders? For example,
> using the beach.css the borders are currently displayed and are
> blue. I don't want the borders displayed at all.
>
> Below is a snapshot of the current display and below that is want I want
> to display. I have also attached the jsp that created the page.
>
>
>
>
>
>
>
> Thanks in advance..
>
>
>
> Frustrated in Atlanta..
>
>
>
>
>
>
>