You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by "Rottstock, Sven" <Sv...@sungard.de> on 2008/08/07 15:47:33 UTC
[MyFaces] styling components inside of a naming container
Hi,
i have a simple question.
If you have a component inside a naming container the client id of this
component is prefixed with the naming container id and a colon.
Is it possible to style such elements via CSS?
I was trying to add the following lines into my CSS file:
#namingContainer1:componentToStyle {
color: #FF0000;
}
But it doesn't work because the CSS engine thinks that
'componentToStyle' is a pseudo class of 'namingContainer1' :-(
I mean i can also use style class but this would be my last resort.
Regards,
Sven
JETZT ANMELDEN: SunGard FINANZ-TAG 2008 . www.sungard.de/finanztag
Complexity, Compliance & Cost: Globale Herausforderungen und lokale Losungen
22. Oktober 2008 . Frankfurt am Main
_______________________________
Think before you print
CONFIDENTIALITY: This e-mail (including any attachments) may contain confidential, proprietary and privileged information, and unauthorized disclosure or use is prohibited. If you receive this e-mail in error, please notify the sender and delete this e-mail from your system.
SunGard Systeme GmbH Registered Frankfurt am Main, Handelsregister Frankfurt HRB 56839 Geschaftsfuhrer Harold Finders, Thorsten Junike, Dr. Dirk Luth, Michael Joseph Ruane, Victoria Elizabeth Silbey
RE: [MyFaces] styling components inside of a naming container
Posted by F....@delagelanden.com.
Hi,
Have you tried using the attribute selector [id='namingContainer:componentToStyle']?
I tried this in FireFox. IE7 however doesn't see it, but I guess that's not very surprising, is it?
In FireFox you can also use #namingContainer\:componentToStyle. And again IE doesn't follow the specs here.
Regards,
Freek
> -----Original Message-----
> From: Rottstock, Sven [mailto:Sven.Rottstock@sungard.de]
> Sent: 08 augustus 2008 9:46
> To: MyFaces Discussion
> Subject: AW: [MyFaces] styling components inside of a naming container
>
> Hi Freek,
>
> your solution wouldn't work for me. Let me give you a short
> example of what i exactly mean:
> If you have a simple JSF page like follows:
> <f:view>
> <f:subview id="namingContainer">
> <h:outputText id="componentToStyle" value="My styled Text"/>
> </f:subview>
> </f:view>
>
> your HTML page (generated by a JSF framework) would look like:
> <html>
> <span id="namingContainer:componentToStyle">My styled
> Text</span> </html>
>
> So in my opinion it isn't possible to style the text, doesn't it?
>
> Regards,
>
> Sven
>
> >
> JETZT ANMELDEN: SunGard FINANZ-TAG 2008 .
> www.sungard.de/finanztag Complexity, Compliance & Cost:
> Globale Herausforderungen und lokale Lösungen 22. Oktober
> 2008 . Frankfurt am Main
>
> _______________________________
> Think before you print
> CONFIDENTIALITY: This e-mail (including any attachments) may
> contain confidential, proprietary and privileged information,
> and unauthorized disclosure or use is prohibited. If you
> receive this e-mail in error, please notify the sender and
> delete this e-mail from your system.
>
> SunGard Systeme GmbH Registered Frankfurt am Main,
> Handelsregister Frankfurt HRB 56839 Geschäftsführer Harold
> Finders, Thorsten Junike, Dr. Dirk Lüth, Michael Joseph
> Ruane, Victoria Elizabeth Silbey
>
> -----Ursprüngliche Nachricht-----
> > Von: F.P.G.Segers@delagelanden.com
> > [mailto:F.P.G.Segers@delagelanden.com]
> > Gesendet: Freitag, 8. August 2008 08:17
> > An: users@myfaces.apache.org
> > Betreff: RE: [MyFaces] styling components inside of a
> naming container
> >
> > Hi,
> >
> > To style this in a CSS file you need to use
> >
> > #namingContainer1 componentToStyle {
> > color: #FF0000;
> > }
> >
> > This means: every element named 'componentToStyle' that is a
> > descendant of an element with id 'namingContainer1'
> > There are some excellent examples on CSS selectors on w3c.org.
> > (I don't know how to style this with a skin.)
> >
> > Regards,
> >
> > Freek
> >
> > > -----Original Message-----
> > > From: Rottstock, Sven [mailto:Sven.Rottstock@sungard.de]
> > > Sent: 07 augustus 2008 15:48
> > > To: MyFaces Discussion
> > > Subject: [MyFaces] styling components inside of a naming container
> > >
> > > Hi,
> > >
> > > i have a simple question.
> > > If you have a component inside a naming container the
> client id of
> > > this component is prefixed with the naming container id
> and a colon.
> > > Is it possible to style such elements via CSS?
> > >
> > > I was trying to add the following lines into my CSS file:
> > > #namingContainer1:componentToStyle {
> > > color: #FF0000;
> > > }
> > >
> > > But it doesn't work because the CSS engine thinks that
> > > 'componentToStyle' is a pseudo class of 'namingContainer1'
> > > :-( I mean i can also use style class but this would be my last
> > > resort.
> > >
> > > Regards,
> > >
> > > Sven
> > >
> > > JETZT ANMELDEN: SunGard FINANZ-TAG 2008 .
> > > www.sungard.de/finanztag Complexity, Compliance & Cost:
> > > Globale Herausforderungen und lokale Losungen 22. Oktober
> > > 2008 . Frankfurt am Main
> > >
> > > _______________________________
> > > Think before you print
> > > CONFIDENTIALITY: This e-mail (including any attachments)
> > may contain
> > > confidential, proprietary and privileged information, and
> > unauthorized
> > > disclosure or use is prohibited. If you receive this
> > e-mail in error,
> > > please notify the sender and delete this e-mail from your system.
> > >
> > > SunGard Systeme GmbH Registered Frankfurt am Main,
> Handelsregister
> > > Frankfurt HRB 56839 Geschaftsfuhrer Harold Finders,
> > Thorsten Junike,
> > > Dr. Dirk Luth, Michael Joseph Ruane, Victoria Elizabeth Silbey
> > >
> > >
> > >
> > >
> > >
> >
> >
> >
> > ================================================
> > The information transmitted via this e-mail is intended
> only for the
> > person or entity to which it is addressed and may contain
> confidential
> > and/or privileged material. Any review, retransmission,
> dissemination
> > or other use of, or taking of any action in reliance upon this
> > information by persons or entities other than the intended
> recipient
> > is prohibited. If you received this in error, please contact the
> > sender and delete the material from any computer.
> >
> >
>
>
>
>
================================================
The information transmitted via this e-mail is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.
AW: [MyFaces] styling components inside of a naming container
Posted by "Rottstock, Sven" <Sv...@sungard.de>.
Hi Freek,
your solution wouldn't work for me. Let me give you a short example of what i exactly mean:
If you have a simple JSF page like follows:
<f:view>
<f:subview id="namingContainer">
<h:outputText id="componentToStyle" value="My styled Text"/>
</f:subview>
</f:view>
your HTML page (generated by a JSF framework) would look like:
<html>
<span id="namingContainer:componentToStyle">My styled Text</span>
</html>
So in my opinion it isn't possible to style the text, doesn't it?
Regards,
Sven
>
JETZT ANMELDEN: SunGard FINANZ-TAG 2008 . www.sungard.de/finanztag
Complexity, Compliance & Cost: Globale Herausforderungen und lokale Lösungen
22. Oktober 2008 . Frankfurt am Main
_______________________________
Think before you print
CONFIDENTIALITY: This e-mail (including any attachments) may contain confidential, proprietary and privileged information, and unauthorized disclosure or use is prohibited. If you receive this e-mail in error, please notify the sender and delete this e-mail from your system.
SunGard Systeme GmbH Registered Frankfurt am Main, Handelsregister Frankfurt HRB 56839 Geschäftsführer Harold Finders, Thorsten Junike, Dr. Dirk Lüth, Michael Joseph Ruane, Victoria Elizabeth Silbey
-----Ursprüngliche Nachricht-----
> Von: F.P.G.Segers@delagelanden.com
> [mailto:F.P.G.Segers@delagelanden.com]
> Gesendet: Freitag, 8. August 2008 08:17
> An: users@myfaces.apache.org
> Betreff: RE: [MyFaces] styling components inside of a naming container
>
> Hi,
>
> To style this in a CSS file you need to use
>
> #namingContainer1 componentToStyle {
> color: #FF0000;
> }
>
> This means: every element named 'componentToStyle' that is a
> descendant of an element with id 'namingContainer1'
> There are some excellent examples on CSS selectors on w3c.org.
> (I don't know how to style this with a skin.)
>
> Regards,
>
> Freek
>
> > -----Original Message-----
> > From: Rottstock, Sven [mailto:Sven.Rottstock@sungard.de]
> > Sent: 07 augustus 2008 15:48
> > To: MyFaces Discussion
> > Subject: [MyFaces] styling components inside of a naming container
> >
> > Hi,
> >
> > i have a simple question.
> > If you have a component inside a naming container the client id of
> > this component is prefixed with the naming container id and a colon.
> > Is it possible to style such elements via CSS?
> >
> > I was trying to add the following lines into my CSS file:
> > #namingContainer1:componentToStyle {
> > color: #FF0000;
> > }
> >
> > But it doesn't work because the CSS engine thinks that
> > 'componentToStyle' is a pseudo class of 'namingContainer1'
> > :-( I mean i can also use style class but this would be my last
> > resort.
> >
> > Regards,
> >
> > Sven
> >
> > JETZT ANMELDEN: SunGard FINANZ-TAG 2008 .
> > www.sungard.de/finanztag Complexity, Compliance & Cost:
> > Globale Herausforderungen und lokale Losungen 22. Oktober
> > 2008 . Frankfurt am Main
> >
> > _______________________________
> > Think before you print
> > CONFIDENTIALITY: This e-mail (including any attachments)
> may contain
> > confidential, proprietary and privileged information, and
> unauthorized
> > disclosure or use is prohibited. If you receive this
> e-mail in error,
> > please notify the sender and delete this e-mail from your system.
> >
> > SunGard Systeme GmbH Registered Frankfurt am Main, Handelsregister
> > Frankfurt HRB 56839 Geschaftsfuhrer Harold Finders,
> Thorsten Junike,
> > Dr. Dirk Luth, Michael Joseph Ruane, Victoria Elizabeth Silbey
> >
> >
> >
> >
> >
>
>
>
> ================================================
> The information transmitted via this e-mail is intended only
> for the person or entity to which it is addressed and may
> contain confidential and/or privileged material. Any review,
> retransmission, dissemination or other use of, or taking of
> any action in reliance upon this information by persons or
> entities other than the intended recipient is prohibited. If
> you received this in error, please contact the sender and
> delete the material from any computer.
>
>
RE: [MyFaces] styling components inside of a naming container
Posted by F....@delagelanden.com.
Hi,
To style this in a CSS file you need to use
#namingContainer1 componentToStyle {
color: #FF0000;
}
This means: every element named 'componentToStyle' that is a descendant
of an element with id 'namingContainer1'
There are some excellent examples on CSS selectors on w3c.org.
(I don't know how to style this with a skin.)
Regards,
Freek
> -----Original Message-----
> From: Rottstock, Sven [mailto:Sven.Rottstock@sungard.de]
> Sent: 07 augustus 2008 15:48
> To: MyFaces Discussion
> Subject: [MyFaces] styling components inside of a naming container
>
> Hi,
>
> i have a simple question.
> If you have a component inside a naming container the client
> id of this component is prefixed with the naming container id
> and a colon.
> Is it possible to style such elements via CSS?
>
> I was trying to add the following lines into my CSS file:
> #namingContainer1:componentToStyle {
> color: #FF0000;
> }
>
> But it doesn't work because the CSS engine thinks that
> 'componentToStyle' is a pseudo class of 'namingContainer1'
> :-( I mean i can also use style class but this would be my
> last resort.
>
> Regards,
>
> Sven
>
> JETZT ANMELDEN: SunGard FINANZ-TAG 2008 .
> www.sungard.de/finanztag Complexity, Compliance & Cost:
> Globale Herausforderungen und lokale Losungen 22. Oktober
> 2008 . Frankfurt am Main
>
> _______________________________
> Think before you print
> CONFIDENTIALITY: This e-mail (including any attachments) may
> contain confidential, proprietary and privileged information,
> and unauthorized disclosure or use is prohibited. If you
> receive this e-mail in error, please notify the sender and
> delete this e-mail from your system.
>
> SunGard Systeme GmbH Registered Frankfurt am Main,
> Handelsregister Frankfurt HRB 56839 Geschaftsfuhrer Harold
> Finders, Thorsten Junike, Dr. Dirk Luth, Michael Joseph
> Ruane, Victoria Elizabeth Silbey
>
>
>
>
>
================================================
The information transmitted via this e-mail is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.