You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Francisco Passos <fr...@gmail.com> on 2007/05/11 18:53:27 UTC
Skinning tr:inputText
Hello there!
I'd like most of my inputTexts to be rendered as they are by default.
However, I'd like a few of them to have a bold label.
I tried this:
af|inputText::label {
font-weight : bold;
}
But as you know this leads every inputText to have their labels in bold.
Is there any way to reference ::label from within the inlineStyle property
and define this property on the spot?
Re: Skinning tr:inputText
Posted by Francisco Passos <fr...@gmail.com>.
Thanks for the cool tip!
I'm going to try it tomorrow to see how it goes... right now I feel I'm
using too many inlineStyle properties precisely because of situations like
this.
If you decide to post skinning tips, be sure to tell us where :)
--Francisco
On 6/28/07, Jeanne Waldman <je...@oracle.com> wrote:
>
> af|inputText.myStyleClass::label should parse in the css file to:
>
> .af_inputText.myStyleClass .af_inputText_label {}
> If it doesn't, I think it is a bug.
>
> I'll submit a JIRA issue.
>
> But, there is a simple workaround:
>
> af|inputText.myStyleClass af|inputText::label {}
>
> This is easier on the parser. :)
> It parses to :
> .af_inputText.myStyleClass .af_inputText_label {}
>
> This says, "Style the dom element with the styleclass af_inputText_label
> which has a parent with styleclasses af_inputText AND myStyleClass."
>
> Then you say this:
>
> <af:inputText styleClass="myStyleClass"/>
>
> The 'myStyleClass' is what I call a 'marker' styleclass -- don't go
> googling this, I made up the term. :)
> It's a way to mark this particular inputText so you can use your style
> definition for only the inputText's that have this marker.
>
> I can post blogs for skinning with tips like this. Where should I put
> these?
>
> Thanks,
>
> - Jeanne
>
>
>
> Simon Lessard wrote:
> > Hmmmm,
> >
> > What about af|inputText.myStyleClass::label?
> >
> > On 5/14/07, *Francisco Passos* <francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > That was it, thank you! Firefox tends to keep the css in cache, so
> > after clearing it works fine.
> >
> > However your previous suggested solution for the initial problem I
> > presented:
> >
> > af|inputText::label.myStyleClass {
> > font-weight : bold;
> > }
> >
> > <tr:inputText styleClass="myStyleClass"/>
> >
> >
> > does not seem to work, in that the label is not presented in bold.
> >
> >
> > On 5/14/07, * Simon Lessard* <simon.lessard.3@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Hello Francisco,
> >
> > Hmmm it might be a browser cache problem. When working with
> > skin you have to clear your browser cache often else it will
> > use the cached CSS. I assume that, in your case, the last
> > change you made either triggered a filename change or your
> > browser cache expired thus loading the latest CSS and showing
> > all changes.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> >
> > On 5/14/07, *Francisco Passos* < francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Oddly enough, if I add
> >
> > @platform windows, linux, solaris
> > {
> > /** for ie and gecko on windows, linux and solaris, make
> the color pink **/
> >
> >
> >
> > @agent ie, gecko
> > {
> > af|inputText::content {background-color:pink}
> >
> > }
> > }
> >
> > to the css, suddenly everything works - the text size, the
> > red background color, the bold font weight...
> >
> > What should I make of this?
> >
> >
> > On 5/14/07, * Francisco Passos*
> > <francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Thank you for your hint, I'll try it as soon as I can.
> >
> > It seems that I'm not quite there yet, I'm two steps
> > behind.
> >
> > I'm using a skin extending the simple-desktop:
> >
> > <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> > <skin>
> > <id>stp.desktop </id>
> > <family>stp</family>
> > <render-kit-id>
> > org.apache.myfaces.trinidad.desktop</render-kit-id>
> > <style-sheet-name>
> > resources/css/skin-stp.css
> > </style-sheet-name>
> > <extends>simple.desktop</extends>
> > </skin>
> > </skins>
> >
> > and in skin-stp.css I define some things, such as
> >
> > .AFDefaultFont:alias {
> > font-size : 18px;
> > }
> >
> > and
> >
> > af|inputText::label {
> > background-color: red;
> > font-weight: bold;
> > }
> >
> > And none of them is working. The text is overall very
> > small (nowhere near the 18px I put there to test) and
> > tr:inputText labels are neither red nor bold. It seems
> > like it is ignoring my skin-stp.css definitions. What
> > could cause this?
> >
> >
> > On 5/11/07, *Simon Lessard* <
> > simon.lessard.3@gmail.com
> > <ma...@gmail.com> > wrote:
> >
> > Hello Francisco,
> >
> > You could try the following:
> >
> > af|inputText:: label.myStyleClass {
> > font-weight : bold;
> > }
> >
> > <tr:inputText styleClass="myStyleClass"/>
> >
> > I think it might work.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> >
> > On 5/11/07, *Francisco Passos *
> > <francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Hello there!
> >
> > I'd like most of my inputTexts to be rendered
> > as they are by default.
> >
> > However, I'd like a few of them to have a bold
> > label.
> >
> > I tried this:
> >
> > af|inputText::label {
> > font-weight : bold;
> > }
> >
> > But as you know this leads every inputText to
> > have their labels in bold.
> >
> > Is there any way to reference ::label from
> > within the inlineStyle property and define
> > this property on the spot?
> >
> >
> >
> >
> >
> >
> >
>
Re: Skinning tr:inputText
Posted by Matthias Wessendorf <ma...@apache.org>.
> I can post blogs for skinning with tips like this. Where should I put these?
wiki ?
or create your own blog ;) ?
I moved mine from JRoller to wordpress:
http://matthiaswessendorf.wordpress.com/
A cool tool.
-M
> Thanks,
>
> - Jeanne
>
>
>
> Simon Lessard wrote:
> > Hmmmm,
> >
> > What about af|inputText.myStyleClass::label?
> >
> > On 5/14/07, *Francisco Passos* <francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > That was it, thank you! Firefox tends to keep the css in cache, so
> > after clearing it works fine.
> >
> > However your previous suggested solution for the initial problem I
> > presented:
> >
> > af|inputText::label.myStyleClass {
> > font-weight : bold;
> > }
> >
> > <tr:inputText styleClass="myStyleClass"/>
> >
> >
> > does not seem to work, in that the label is not presented in bold.
> >
> >
> > On 5/14/07, * Simon Lessard* <simon.lessard.3@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Hello Francisco,
> >
> > Hmmm it might be a browser cache problem. When working with
> > skin you have to clear your browser cache often else it will
> > use the cached CSS. I assume that, in your case, the last
> > change you made either triggered a filename change or your
> > browser cache expired thus loading the latest CSS and showing
> > all changes.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> >
> > On 5/14/07, *Francisco Passos* < francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Oddly enough, if I add
> >
> > @platform windows, linux, solaris
> > {
> > /** for ie and gecko on windows, linux and solaris, make the color pink **/
> >
> >
> >
> > @agent ie, gecko
> > {
> > af|inputText::content {background-color:pink}
> >
> > }
> > }
> >
> > to the css, suddenly everything works - the text size, the
> > red background color, the bold font weight...
> >
> > What should I make of this?
> >
> >
> > On 5/14/07, * Francisco Passos*
> > <francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Thank you for your hint, I'll try it as soon as I can.
> >
> > It seems that I'm not quite there yet, I'm two steps
> > behind.
> >
> > I'm using a skin extending the simple-desktop:
> >
> > <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> > <skin>
> > <id>stp.desktop </id>
> > <family>stp</family>
> > <render-kit-id>
> > org.apache.myfaces.trinidad.desktop</render-kit-id>
> > <style-sheet-name>
> > resources/css/skin-stp.css
> > </style-sheet-name>
> > <extends>simple.desktop</extends>
> > </skin>
> > </skins>
> >
> > and in skin-stp.css I define some things, such as
> >
> > .AFDefaultFont:alias {
> > font-size : 18px;
> > }
> >
> > and
> >
> > af|inputText::label {
> > background-color: red;
> > font-weight: bold;
> > }
> >
> > And none of them is working. The text is overall very
> > small (nowhere near the 18px I put there to test) and
> > tr:inputText labels are neither red nor bold. It seems
> > like it is ignoring my skin-stp.css definitions. What
> > could cause this?
> >
> >
> > On 5/11/07, *Simon Lessard* <
> > simon.lessard.3@gmail.com
> > <ma...@gmail.com> > wrote:
> >
> > Hello Francisco,
> >
> > You could try the following:
> >
> > af|inputText:: label.myStyleClass {
> > font-weight : bold;
> > }
> >
> > <tr:inputText styleClass="myStyleClass"/>
> >
> > I think it might work.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> >
> > On 5/11/07, *Francisco Passos *
> > <francisco.passos@gmail.com
> > <ma...@gmail.com>> wrote:
> >
> > Hello there!
> >
> > I'd like most of my inputTexts to be rendered
> > as they are by default.
> >
> > However, I'd like a few of them to have a bold
> > label.
> >
> > I tried this:
> >
> > af|inputText::label {
> > font-weight : bold;
> > }
> >
> > But as you know this leads every inputText to
> > have their labels in bold.
> >
> > Is there any way to reference ::label from
> > within the inlineStyle property and define
> > this property on the spot?
> >
> >
> >
> >
> >
> >
> >
>
--
Matthias Wessendorf
further stuff:
blog: http://matthiaswessendorf.wordpress.com/
mail: matzew-at-apache-dot-org
Re: Skinning tr:inputText
Posted by Jeanne Waldman <je...@oracle.com>.
af|inputText.myStyleClass::label should parse in the css file to:
.af_inputText.myStyleClass .af_inputText_label {}
If it doesn't, I think it is a bug.
I'll submit a JIRA issue.
But, there is a simple workaround:
af|inputText.myStyleClass af|inputText::label {}
This is easier on the parser. :)
It parses to :
.af_inputText.myStyleClass .af_inputText_label {}
This says, "Style the dom element with the styleclass af_inputText_label
which has a parent with styleclasses af_inputText AND myStyleClass."
Then you say this:
<af:inputText styleClass="myStyleClass"/>
The 'myStyleClass' is what I call a 'marker' styleclass -- don't go
googling this, I made up the term. :)
It's a way to mark this particular inputText so you can use your style
definition for only the inputText's that have this marker.
I can post blogs for skinning with tips like this. Where should I put these?
Thanks,
- Jeanne
Simon Lessard wrote:
> Hmmmm,
>
> What about af|inputText.myStyleClass::label?
>
> On 5/14/07, *Francisco Passos* <francisco.passos@gmail.com
> <ma...@gmail.com>> wrote:
>
> That was it, thank you! Firefox tends to keep the css in cache, so
> after clearing it works fine.
>
> However your previous suggested solution for the initial problem I
> presented:
>
> af|inputText::label.myStyleClass {
> font-weight : bold;
> }
>
> <tr:inputText styleClass="myStyleClass"/>
>
>
> does not seem to work, in that the label is not presented in bold.
>
>
> On 5/14/07, * Simon Lessard* <simon.lessard.3@gmail.com
> <ma...@gmail.com>> wrote:
>
> Hello Francisco,
>
> Hmmm it might be a browser cache problem. When working with
> skin you have to clear your browser cache often else it will
> use the cached CSS. I assume that, in your case, the last
> change you made either triggered a filename change or your
> browser cache expired thus loading the latest CSS and showing
> all changes.
>
>
> Regards,
>
> ~ Simon
>
>
> On 5/14/07, *Francisco Passos* < francisco.passos@gmail.com
> <ma...@gmail.com>> wrote:
>
> Oddly enough, if I add
>
> @platform windows, linux, solaris
> {
> /** for ie and gecko on windows, linux and solaris, make the color pink **/
>
>
>
> @agent ie, gecko
> {
> af|inputText::content {background-color:pink}
>
> }
> }
>
> to the css, suddenly everything works - the text size, the
> red background color, the bold font weight...
>
> What should I make of this?
>
>
> On 5/14/07, * Francisco Passos*
> <francisco.passos@gmail.com
> <ma...@gmail.com>> wrote:
>
> Thank you for your hint, I'll try it as soon as I can.
>
> It seems that I'm not quite there yet, I'm two steps
> behind.
>
> I'm using a skin extending the simple-desktop:
>
> <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> <skin>
> <id>stp.desktop </id>
> <family>stp</family>
> <render-kit-id>
> org.apache.myfaces.trinidad.desktop</render-kit-id>
> <style-sheet-name>
> resources/css/skin-stp.css
> </style-sheet-name>
> <extends>simple.desktop</extends>
> </skin>
> </skins>
>
> and in skin-stp.css I define some things, such as
>
> .AFDefaultFont:alias {
> font-size : 18px;
> }
>
> and
>
> af|inputText::label {
> background-color: red;
> font-weight: bold;
> }
>
> And none of them is working. The text is overall very
> small (nowhere near the 18px I put there to test) and
> tr:inputText labels are neither red nor bold. It seems
> like it is ignoring my skin-stp.css definitions. What
> could cause this?
>
>
> On 5/11/07, *Simon Lessard* <
> simon.lessard.3@gmail.com
> <ma...@gmail.com> > wrote:
>
> Hello Francisco,
>
> You could try the following:
>
> af|inputText:: label.myStyleClass {
> font-weight : bold;
> }
>
> <tr:inputText styleClass="myStyleClass"/>
>
> I think it might work.
>
>
> Regards,
>
> ~ Simon
>
>
> On 5/11/07, *Francisco Passos *
> <francisco.passos@gmail.com
> <ma...@gmail.com>> wrote:
>
> Hello there!
>
> I'd like most of my inputTexts to be rendered
> as they are by default.
>
> However, I'd like a few of them to have a bold
> label.
>
> I tried this:
>
> af|inputText::label {
> font-weight : bold;
> }
>
> But as you know this leads every inputText to
> have their labels in bold.
>
> Is there any way to reference ::label from
> within the inlineStyle property and define
> this property on the spot?
>
>
>
>
>
>
>
Re: Skinning tr:inputText
Posted by Petr Kotek <ko...@crcdata.cz>.
I think, that You want only label of inputText be bold, not inputted
text. I think this is not possible by inline style.
Use <tr:inputText styleClass="myStyleClass"/> only on inputText
components which to have bold label.
Advantage using styleClass - any style changing later are simple and on
one place.
Peter
Francisco Passos wrote:
> Since I wanted my inputTexts to be - by default - not bold, and then
> some of them I wanted bold, I ended up using inlineStyle to set
> font-weight: bold; ...
>
> On 6/13/07, * Petr Kotek* <kotek@crcdata.cz <ma...@crcdata.cz>>
> wrote:
>
> Hello,
>
> You must use in css:
>
> .myStyleClass label {
> font-weight: bold;
> }
>
> I check it in Firefox only, but I think in IE must be the same.
>
> Eventually refresh page in browser by Ctrl+F5.
>
> Beside class, You may use element ID as:
>
> #inputID label { ...
>
>
> Best regards,
> Peter
>
>
> Stéphane Molina wrote:
> > Hi all,
> >
> > My problem is exactly the same ...
> > Did you find some solution ?
> >
> >
> >
> > Francisco Passos wrote:
> >
> >> No luck either. I'm sure there must be a way, though.
> >>
> >> On 5/14/07, Simon Lessard <simon.lessard.3@gmail.com
> <ma...@gmail.com>> wrote:
> >>
> >>> Hmmmm,
> >>>
> >>> What about af|inputText.myStyleClass::label?
> >>>
> >>> On 5/14/07, Francisco Passos < francisco.passos@gmail.com
> <ma...@gmail.com> > wrote:
> >>>
> >>>> That was it, thank you! Firefox tends to keep the css in
> cache, so
> >>>>
> >>> after
> >>>
> >>>> clearing it works fine.
> >>>>
> >>>> However your previous suggested solution for the initial
> problem I
> >>>> presented:
> >>>>
> >>>> af|inputText::label.myStyleClass {
> >>>>
> >>>>> font-weight : bold;
> >>>>> }
> >>>>>
> >>>>> <tr:inputText styleClass="myStyleClass"/>
> >>>>>
> >>>>>
> >>>> does not seem to work, in that the label is not presented in
> bold.
> >>>>
> >>>> On 5/14/07, Simon Lessard <simon.lessard.3@gmail.com
> <ma...@gmail.com>> wrote:
> >>>>
> >>>>> Hello Francisco,
> >>>>>
> >>>>> Hmmm it might be a browser cache problem. When working with
> skin you
> >>>>> have to clear your browser cache often else it will use the
> cached
> >>>>>
> >>> CSS. I
> >>>
> >>>>> assume that, in your case, the last change you made either
> triggered
> >>>>>
> >>> a
> >>>
> >>>>> filename change or your browser cache expired thus loading
> the latest
> >>>>>
> >>> CSS
> >>>
> >>>>> and showing all changes.
> >>>>>
> >>>>>
> >>>>> Regards,
> >>>>>
> >>>>> ~ Simon
> >>>>>
> >>>>> On 5/14/07, Francisco Passos < francisco.passos@gmail.com
> <ma...@gmail.com>> wrote:
> >>>>>
> >>>>>> Oddly enough, if I add
> >>>>>>
> >>>>>> @platform windows, linux, solaris
> >>>>>> {
> >>>>>> /** for ie and gecko on windows, linux and solaris, make the
> >>>>>>
> >>> color pink **/
> >>>
> >>>>>>
> >>>>>> @agent ie, gecko
> >>>>>> {
> >>>>>> af|inputText::content {background-color:pink}
> >>>>>>
> >>>>>> }
> >>>>>> }
> >>>>>>
> >>>>>> to the css, suddenly everything works - the text size, the red
> >>>>>> background color, the bold font weight...
> >>>>>>
> >>>>>> What should I make of this?
> >>>>>>
> >>>>>> On 5/14/07, Francisco Passos <francisco.passos@gmail.com
> <ma...@gmail.com>> wrote:
> >>>>>>
> >>>>>>> Thank you for your hint, I'll try it as soon as I can.
> >>>>>>>
> >>>>>>> It seems that I'm not quite there yet, I'm two steps behind.
> >>>>>>>
> >>>>>>> I'm using a skin extending the simple-desktop:
> >>>>>>>
> >>>>>>> <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> >>>>>>> <skin>
> >>>>>>> <id>stp.desktop </id>
> >>>>>>> <family>stp</family>
> >>>>>>> <render-kit-id> org.apache.myfaces.trinidad.desktop
> >>>>>>> </render-kit-id>
> >>>>>>> <style-sheet-name>
> >>>>>>> resources/css/skin-stp.css
> >>>>>>> </style-sheet-name>
> >>>>>>> <extends>simple.desktop</extends>
> >>>>>>> </skin>
> >>>>>>> </skins>
> >>>>>>>
> >>>>>>> and in skin-stp.css I define some things, such as
> >>>>>>>
> >>>>>>> .AFDefaultFont:alias {
> >>>>>>> font-size : 18px;
> >>>>>>> }
> >>>>>>>
> >>>>>>> and
> >>>>>>>
> >>>>>>> af|inputText::label {
> >>>>>>> background-color: red;
> >>>>>>> font-weight: bold;
> >>>>>>> }
> >>>>>>>
> >>>>>>> And none of them is working. The text is overall very small
> >>>>>>> (nowhere near the 18px I put there to test) and tr:inputText
> >>>>>>>
> >>> labels are
> >>>
> >>>>>>> neither red nor bold. It seems like it is ignoring my
> >>>>>>>
> >>> skin-stp.cssdefinitions. What could cause this?
> >>>
> >>>>>>> On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com
> <ma...@gmail.com> > wrote:
> >>>>>>>
> >>>>>>>> Hello Francisco,
> >>>>>>>>
> >>>>>>>> You could try the following:
> >>>>>>>>
> >>>>>>>> af|inputText:: label.myStyleClass {
> >>>>>>>> font-weight : bold;
> >>>>>>>> }
> >>>>>>>>
> >>>>>>>> <tr:inputText styleClass="myStyleClass"/>
> >>>>>>>>
> >>>>>>>> I think it might work.
> >>>>>>>>
> >>>>>>>>
> >>>>>>>> Regards,
> >>>>>>>>
> >>>>>>>> ~ Simon
> >>>>>>>>
> >>>>>>>> On 5/11/07, Francisco Passos <francisco.passos@gmail.com
> <ma...@gmail.com>>
> >>>>>>>>
> >>> wrote:
> >>>
> >>>>>>>>> Hello there!
> >>>>>>>>>
> >>>>>>>>> I'd like most of my inputTexts to be rendered as they are by
> >>>>>>>>> default.
> >>>>>>>>>
> >>>>>>>>> However, I'd like a few of them to have a bold label.
> >>>>>>>>>
> >>>>>>>>> I tried this:
> >>>>>>>>>
> >>>>>>>>> af|inputText::label {
> >>>>>>>>> font-weight : bold;
> >>>>>>>>> }
> >>>>>>>>>
> >>>>>>>>> But as you know this leads every inputText to have their
> >>>>>>>>> labels in bold.
> >>>>>>>>>
> >>>>>>>>> Is there any way to reference ::label from within the
> >>>>>>>>> inlineStyle property and define this property on the spot?
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>
> >>
> >
> >
>
> --
>
> Petr Kotek
> CRC Data spol. s r.o.
> U krčské vodárny 26 - vývojové pracoviště
> 140 00 Praha 4
> tel: +420 241 442 464
> fax: +420 241 442 645
> GSM: +420 602 339 057
> www.crcdata.cz <http://www.crcdata.cz>
>
>
--
Petr Kotek
CRC Data spol. s r.o.
U krčské vodárny 26 - vývojové pracoviště
140 00 Praha 4
tel: +420 241 442 464
fax: +420 241 442 645
GSM: +420 602 339 057
www.crcdata.cz
Re: Skinning tr:inputText
Posted by Francisco Passos <fr...@gmail.com>.
Since I wanted my inputTexts to be - by default - not bold, and then some of
them I wanted bold, I ended up using inlineStyle to set font-weight: bold;
...
On 6/13/07, Petr Kotek <ko...@crcdata.cz> wrote:
>
> Hello,
>
> You must use in css:
>
> .myStyleClass label {
> font-weight: bold;
> }
>
> I check it in Firefox only, but I think in IE must be the same.
>
> Eventually refresh page in browser by Ctrl+F5.
>
> Beside class, You may use element ID as:
>
> #inputID label { ...
>
>
> Best regards,
> Peter
>
>
> Stéphane Molina wrote:
> > Hi all,
> >
> > My problem is exactly the same ...
> > Did you find some solution ?
> >
> >
> >
> > Francisco Passos wrote:
> >
> >> No luck either. I'm sure there must be a way, though.
> >>
> >> On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
> >>
> >>> Hmmmm,
> >>>
> >>> What about af|inputText.myStyleClass::label?
> >>>
> >>> On 5/14/07, Francisco Passos <francisco.passos@gmail.com > wrote:
> >>>
> >>>> That was it, thank you! Firefox tends to keep the css in cache, so
> >>>>
> >>> after
> >>>
> >>>> clearing it works fine.
> >>>>
> >>>> However your previous suggested solution for the initial problem I
> >>>> presented:
> >>>>
> >>>> af|inputText::label.myStyleClass {
> >>>>
> >>>>> font-weight : bold;
> >>>>> }
> >>>>>
> >>>>> <tr:inputText styleClass="myStyleClass"/>
> >>>>>
> >>>>>
> >>>> does not seem to work, in that the label is not presented in bold.
> >>>>
> >>>> On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
> >>>>
> >>>>> Hello Francisco,
> >>>>>
> >>>>> Hmmm it might be a browser cache problem. When working with skin you
> >>>>> have to clear your browser cache often else it will use the cached
> >>>>>
> >>> CSS. I
> >>>
> >>>>> assume that, in your case, the last change you made either triggered
> >>>>>
> >>> a
> >>>
> >>>>> filename change or your browser cache expired thus loading the
> latest
> >>>>>
> >>> CSS
> >>>
> >>>>> and showing all changes.
> >>>>>
> >>>>>
> >>>>> Regards,
> >>>>>
> >>>>> ~ Simon
> >>>>>
> >>>>> On 5/14/07, Francisco Passos < francisco.passos@gmail.com> wrote:
> >>>>>
> >>>>>> Oddly enough, if I add
> >>>>>>
> >>>>>> @platform windows, linux, solaris
> >>>>>> {
> >>>>>> /** for ie and gecko on windows, linux and solaris, make the
> >>>>>>
> >>> color pink **/
> >>>
> >>>>>>
> >>>>>> @agent ie, gecko
> >>>>>> {
> >>>>>> af|inputText::content {background-color:pink}
> >>>>>>
> >>>>>> }
> >>>>>> }
> >>>>>>
> >>>>>> to the css, suddenly everything works - the text size, the red
> >>>>>> background color, the bold font weight...
> >>>>>>
> >>>>>> What should I make of this?
> >>>>>>
> >>>>>> On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
> >>>>>>
> >>>>>>> Thank you for your hint, I'll try it as soon as I can.
> >>>>>>>
> >>>>>>> It seems that I'm not quite there yet, I'm two steps behind.
> >>>>>>>
> >>>>>>> I'm using a skin extending the simple-desktop:
> >>>>>>>
> >>>>>>> <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> >>>>>>> <skin>
> >>>>>>> <id>stp.desktop </id>
> >>>>>>> <family>stp</family>
> >>>>>>> <render-kit-id> org.apache.myfaces.trinidad.desktop
> >>>>>>> </render-kit-id>
> >>>>>>> <style-sheet-name>
> >>>>>>> resources/css/skin-stp.css
> >>>>>>> </style-sheet-name>
> >>>>>>> <extends>simple.desktop</extends>
> >>>>>>> </skin>
> >>>>>>> </skins>
> >>>>>>>
> >>>>>>> and in skin-stp.css I define some things, such as
> >>>>>>>
> >>>>>>> .AFDefaultFont:alias {
> >>>>>>> font-size : 18px;
> >>>>>>> }
> >>>>>>>
> >>>>>>> and
> >>>>>>>
> >>>>>>> af|inputText::label {
> >>>>>>> background-color: red;
> >>>>>>> font-weight: bold;
> >>>>>>> }
> >>>>>>>
> >>>>>>> And none of them is working. The text is overall very small
> >>>>>>> (nowhere near the 18px I put there to test) and tr:inputText
> >>>>>>>
> >>> labels are
> >>>
> >>>>>>> neither red nor bold. It seems like it is ignoring my
> >>>>>>>
> >>> skin-stp.cssdefinitions. What could cause this?
> >>>
> >>>>>>> On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com > wrote:
> >>>>>>>
> >>>>>>>> Hello Francisco,
> >>>>>>>>
> >>>>>>>> You could try the following:
> >>>>>>>>
> >>>>>>>> af|inputText:: label.myStyleClass {
> >>>>>>>> font-weight : bold;
> >>>>>>>> }
> >>>>>>>>
> >>>>>>>> <tr:inputText styleClass="myStyleClass"/>
> >>>>>>>>
> >>>>>>>> I think it might work.
> >>>>>>>>
> >>>>>>>>
> >>>>>>>> Regards,
> >>>>>>>>
> >>>>>>>> ~ Simon
> >>>>>>>>
> >>>>>>>> On 5/11/07, Francisco Passos <fr...@gmail.com>
> >>>>>>>>
> >>> wrote:
> >>>
> >>>>>>>>> Hello there!
> >>>>>>>>>
> >>>>>>>>> I'd like most of my inputTexts to be rendered as they are by
> >>>>>>>>> default.
> >>>>>>>>>
> >>>>>>>>> However, I'd like a few of them to have a bold label.
> >>>>>>>>>
> >>>>>>>>> I tried this:
> >>>>>>>>>
> >>>>>>>>> af|inputText::label {
> >>>>>>>>> font-weight : bold;
> >>>>>>>>> }
> >>>>>>>>>
> >>>>>>>>> But as you know this leads every inputText to have their
> >>>>>>>>> labels in bold.
> >>>>>>>>>
> >>>>>>>>> Is there any way to reference ::label from within the
> >>>>>>>>> inlineStyle property and define this property on the spot?
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>
> >>
> >
> >
>
> --
>
> Petr Kotek
> CRC Data spol. s r.o.
> U krčské vodárny 26 - vývojové pracoviště
> 140 00 Praha 4
> tel: +420 241 442 464
> fax: +420 241 442 645
> GSM: +420 602 339 057
> www.crcdata.cz
>
>
Re: Skinning tr:inputText
Posted by Petr Kotek <ko...@crcdata.cz>.
Hello,
You must use in css:
.myStyleClass label {
font-weight: bold;
}
I check it in Firefox only, but I think in IE must be the same.
Eventually refresh page in browser by Ctrl+F5.
Beside class, You may use element ID as:
#inputID label { ...
Best regards,
Peter
Stéphane Molina wrote:
> Hi all,
>
> My problem is exactly the same ...
> Did you find some solution ?
>
>
>
> Francisco Passos wrote:
>
>> No luck either. I'm sure there must be a way, though.
>>
>> On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
>>
>>> Hmmmm,
>>>
>>> What about af|inputText.myStyleClass::label?
>>>
>>> On 5/14/07, Francisco Passos <francisco.passos@gmail.com > wrote:
>>>
>>>> That was it, thank you! Firefox tends to keep the css in cache, so
>>>>
>>> after
>>>
>>>> clearing it works fine.
>>>>
>>>> However your previous suggested solution for the initial problem I
>>>> presented:
>>>>
>>>> af|inputText::label.myStyleClass {
>>>>
>>>>> font-weight : bold;
>>>>> }
>>>>>
>>>>> <tr:inputText styleClass="myStyleClass"/>
>>>>>
>>>>>
>>>> does not seem to work, in that the label is not presented in bold.
>>>>
>>>> On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
>>>>
>>>>> Hello Francisco,
>>>>>
>>>>> Hmmm it might be a browser cache problem. When working with skin you
>>>>> have to clear your browser cache often else it will use the cached
>>>>>
>>> CSS. I
>>>
>>>>> assume that, in your case, the last change you made either triggered
>>>>>
>>> a
>>>
>>>>> filename change or your browser cache expired thus loading the latest
>>>>>
>>> CSS
>>>
>>>>> and showing all changes.
>>>>>
>>>>>
>>>>> Regards,
>>>>>
>>>>> ~ Simon
>>>>>
>>>>> On 5/14/07, Francisco Passos < francisco.passos@gmail.com> wrote:
>>>>>
>>>>>> Oddly enough, if I add
>>>>>>
>>>>>> @platform windows, linux, solaris
>>>>>> {
>>>>>> /** for ie and gecko on windows, linux and solaris, make the
>>>>>>
>>> color pink **/
>>>
>>>>>>
>>>>>> @agent ie, gecko
>>>>>> {
>>>>>> af|inputText::content {background-color:pink}
>>>>>>
>>>>>> }
>>>>>> }
>>>>>>
>>>>>> to the css, suddenly everything works - the text size, the red
>>>>>> background color, the bold font weight...
>>>>>>
>>>>>> What should I make of this?
>>>>>>
>>>>>> On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
>>>>>>
>>>>>>> Thank you for your hint, I'll try it as soon as I can.
>>>>>>>
>>>>>>> It seems that I'm not quite there yet, I'm two steps behind.
>>>>>>>
>>>>>>> I'm using a skin extending the simple-desktop:
>>>>>>>
>>>>>>> <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
>>>>>>> <skin>
>>>>>>> <id>stp.desktop </id>
>>>>>>> <family>stp</family>
>>>>>>> <render-kit-id> org.apache.myfaces.trinidad.desktop
>>>>>>> </render-kit-id>
>>>>>>> <style-sheet-name>
>>>>>>> resources/css/skin-stp.css
>>>>>>> </style-sheet-name>
>>>>>>> <extends>simple.desktop</extends>
>>>>>>> </skin>
>>>>>>> </skins>
>>>>>>>
>>>>>>> and in skin-stp.css I define some things, such as
>>>>>>>
>>>>>>> .AFDefaultFont:alias {
>>>>>>> font-size : 18px;
>>>>>>> }
>>>>>>>
>>>>>>> and
>>>>>>>
>>>>>>> af|inputText::label {
>>>>>>> background-color: red;
>>>>>>> font-weight: bold;
>>>>>>> }
>>>>>>>
>>>>>>> And none of them is working. The text is overall very small
>>>>>>> (nowhere near the 18px I put there to test) and tr:inputText
>>>>>>>
>>> labels are
>>>
>>>>>>> neither red nor bold. It seems like it is ignoring my
>>>>>>>
>>> skin-stp.cssdefinitions. What could cause this?
>>>
>>>>>>> On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com > wrote:
>>>>>>>
>>>>>>>> Hello Francisco,
>>>>>>>>
>>>>>>>> You could try the following:
>>>>>>>>
>>>>>>>> af|inputText:: label.myStyleClass {
>>>>>>>> font-weight : bold;
>>>>>>>> }
>>>>>>>>
>>>>>>>> <tr:inputText styleClass="myStyleClass"/>
>>>>>>>>
>>>>>>>> I think it might work.
>>>>>>>>
>>>>>>>>
>>>>>>>> Regards,
>>>>>>>>
>>>>>>>> ~ Simon
>>>>>>>>
>>>>>>>> On 5/11/07, Francisco Passos <fr...@gmail.com>
>>>>>>>>
>>> wrote:
>>>
>>>>>>>>> Hello there!
>>>>>>>>>
>>>>>>>>> I'd like most of my inputTexts to be rendered as they are by
>>>>>>>>> default.
>>>>>>>>>
>>>>>>>>> However, I'd like a few of them to have a bold label.
>>>>>>>>>
>>>>>>>>> I tried this:
>>>>>>>>>
>>>>>>>>> af|inputText::label {
>>>>>>>>> font-weight : bold;
>>>>>>>>> }
>>>>>>>>>
>>>>>>>>> But as you know this leads every inputText to have their
>>>>>>>>> labels in bold.
>>>>>>>>>
>>>>>>>>> Is there any way to reference ::label from within the
>>>>>>>>> inlineStyle property and define this property on the spot?
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>
>
>
--
Petr Kotek
CRC Data spol. s r.o.
U krčské vodárny 26 - vývojové pracoviště
140 00 Praha 4
tel: +420 241 442 464
fax: +420 241 442 645
GSM: +420 602 339 057
www.crcdata.cz
Re: Skinning tr:inputText
Posted by Stéphane Molina <st...@aprilvie.fr>.
Hi all,
My problem is exactly the same ...
Did you find some solution ?
Francisco Passos wrote:
>
> No luck either. I'm sure there must be a way, though.
>
> On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
>>
>> Hmmmm,
>>
>> What about af|inputText.myStyleClass::label?
>>
>> On 5/14/07, Francisco Passos <francisco.passos@gmail.com > wrote:
>> >
>> > That was it, thank you! Firefox tends to keep the css in cache, so
>> after
>> > clearing it works fine.
>> >
>> > However your previous suggested solution for the initial problem I
>> > presented:
>> >
>> > af|inputText::label.myStyleClass {
>> > > font-weight : bold;
>> > > }
>> > >
>> > > <tr:inputText styleClass="myStyleClass"/>
>> > >
>> >
>> > does not seem to work, in that the label is not presented in bold.
>> >
>> > On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
>> > >
>> > > Hello Francisco,
>> > >
>> > > Hmmm it might be a browser cache problem. When working with skin you
>> > > have to clear your browser cache often else it will use the cached
>> CSS. I
>> > > assume that, in your case, the last change you made either triggered
>> a
>> > > filename change or your browser cache expired thus loading the latest
>> CSS
>> > > and showing all changes.
>> > >
>> > >
>> > > Regards,
>> > >
>> > > ~ Simon
>> > >
>> > > On 5/14/07, Francisco Passos < francisco.passos@gmail.com> wrote:
>> > > >
>> > > > Oddly enough, if I add
>> > > >
>> > > > @platform windows, linux, solaris
>> > > > {
>> > > > /** for ie and gecko on windows, linux and solaris, make the
>> color pink **/
>> > > >
>> > > >
>> > > >
>> > > > @agent ie, gecko
>> > > > {
>> > > > af|inputText::content {background-color:pink}
>> > > >
>> > > > }
>> > > > }
>> > > >
>> > > > to the css, suddenly everything works - the text size, the red
>> > > > background color, the bold font weight...
>> > > >
>> > > > What should I make of this?
>> > > >
>> > > > On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
>> > > > >
>> > > > > Thank you for your hint, I'll try it as soon as I can.
>> > > > >
>> > > > > It seems that I'm not quite there yet, I'm two steps behind.
>> > > > >
>> > > > > I'm using a skin extending the simple-desktop:
>> > > > >
>> > > > > <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
>> > > > > <skin>
>> > > > > <id>stp.desktop </id>
>> > > > > <family>stp</family>
>> > > > > <render-kit-id> org.apache.myfaces.trinidad.desktop
>> > > > > </render-kit-id>
>> > > > > <style-sheet-name>
>> > > > > resources/css/skin-stp.css
>> > > > > </style-sheet-name>
>> > > > > <extends>simple.desktop</extends>
>> > > > > </skin>
>> > > > > </skins>
>> > > > >
>> > > > > and in skin-stp.css I define some things, such as
>> > > > >
>> > > > > .AFDefaultFont:alias {
>> > > > > font-size : 18px;
>> > > > > }
>> > > > >
>> > > > > and
>> > > > >
>> > > > > af|inputText::label {
>> > > > > background-color: red;
>> > > > > font-weight: bold;
>> > > > > }
>> > > > >
>> > > > > And none of them is working. The text is overall very small
>> > > > > (nowhere near the 18px I put there to test) and tr:inputText
>> labels are
>> > > > > neither red nor bold. It seems like it is ignoring my
>> skin-stp.cssdefinitions. What could cause this?
>> > > > >
>> > > > > On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com > wrote:
>> > > > > >
>> > > > > > Hello Francisco,
>> > > > > >
>> > > > > > You could try the following:
>> > > > > >
>> > > > > > af|inputText:: label.myStyleClass {
>> > > > > > font-weight : bold;
>> > > > > > }
>> > > > > >
>> > > > > > <tr:inputText styleClass="myStyleClass"/>
>> > > > > >
>> > > > > > I think it might work.
>> > > > > >
>> > > > > >
>> > > > > > Regards,
>> > > > > >
>> > > > > > ~ Simon
>> > > > > >
>> > > > > > On 5/11/07, Francisco Passos <fr...@gmail.com>
>> wrote:
>> > > > > > >
>> > > > > > > Hello there!
>> > > > > > >
>> > > > > > > I'd like most of my inputTexts to be rendered as they are by
>> > > > > > > default.
>> > > > > > >
>> > > > > > > However, I'd like a few of them to have a bold label.
>> > > > > > >
>> > > > > > > I tried this:
>> > > > > > >
>> > > > > > > af|inputText::label {
>> > > > > > > font-weight : bold;
>> > > > > > > }
>> > > > > > >
>> > > > > > > But as you know this leads every inputText to have their
>> > > > > > > labels in bold.
>> > > > > > >
>> > > > > > > Is there any way to reference ::label from within the
>> > > > > > > inlineStyle property and define this property on the spot?
>> > > > > > >
>> > > > > >
>> > > > > >
>> > > > >
>> > > >
>> > >
>> >
>>
>
>
--
View this message in context: http://www.nabble.com/Skinning-tr%3AinputText-tf3728478.html#a11082768
Sent from the MyFaces - Users mailing list archive at Nabble.com.
Re: Skinning tr:inputText
Posted by Francisco Passos <fr...@gmail.com>.
No luck either. I'm sure there must be a way, though.
On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
>
> Hmmmm,
>
> What about af|inputText.myStyleClass::label?
>
> On 5/14/07, Francisco Passos <francisco.passos@gmail.com > wrote:
> >
> > That was it, thank you! Firefox tends to keep the css in cache, so after
> > clearing it works fine.
> >
> > However your previous suggested solution for the initial problem I
> > presented:
> >
> > af|inputText::label.myStyleClass {
> > > font-weight : bold;
> > > }
> > >
> > > <tr:inputText styleClass="myStyleClass"/>
> > >
> >
> > does not seem to work, in that the label is not presented in bold.
> >
> > On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
> > >
> > > Hello Francisco,
> > >
> > > Hmmm it might be a browser cache problem. When working with skin you
> > > have to clear your browser cache often else it will use the cached CSS. I
> > > assume that, in your case, the last change you made either triggered a
> > > filename change or your browser cache expired thus loading the latest CSS
> > > and showing all changes.
> > >
> > >
> > > Regards,
> > >
> > > ~ Simon
> > >
> > > On 5/14/07, Francisco Passos < francisco.passos@gmail.com> wrote:
> > > >
> > > > Oddly enough, if I add
> > > >
> > > > @platform windows, linux, solaris
> > > > {
> > > > /** for ie and gecko on windows, linux and solaris, make the color pink **/
> > > >
> > > >
> > > >
> > > > @agent ie, gecko
> > > > {
> > > > af|inputText::content {background-color:pink}
> > > >
> > > > }
> > > > }
> > > >
> > > > to the css, suddenly everything works - the text size, the red
> > > > background color, the bold font weight...
> > > >
> > > > What should I make of this?
> > > >
> > > > On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
> > > > >
> > > > > Thank you for your hint, I'll try it as soon as I can.
> > > > >
> > > > > It seems that I'm not quite there yet, I'm two steps behind.
> > > > >
> > > > > I'm using a skin extending the simple-desktop:
> > > > >
> > > > > <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> > > > > <skin>
> > > > > <id>stp.desktop </id>
> > > > > <family>stp</family>
> > > > > <render-kit-id> org.apache.myfaces.trinidad.desktop
> > > > > </render-kit-id>
> > > > > <style-sheet-name>
> > > > > resources/css/skin-stp.css
> > > > > </style-sheet-name>
> > > > > <extends>simple.desktop</extends>
> > > > > </skin>
> > > > > </skins>
> > > > >
> > > > > and in skin-stp.css I define some things, such as
> > > > >
> > > > > .AFDefaultFont:alias {
> > > > > font-size : 18px;
> > > > > }
> > > > >
> > > > > and
> > > > >
> > > > > af|inputText::label {
> > > > > background-color: red;
> > > > > font-weight: bold;
> > > > > }
> > > > >
> > > > > And none of them is working. The text is overall very small
> > > > > (nowhere near the 18px I put there to test) and tr:inputText labels are
> > > > > neither red nor bold. It seems like it is ignoring my skin-stp.cssdefinitions. What could cause this?
> > > > >
> > > > > On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com > wrote:
> > > > > >
> > > > > > Hello Francisco,
> > > > > >
> > > > > > You could try the following:
> > > > > >
> > > > > > af|inputText:: label.myStyleClass {
> > > > > > font-weight : bold;
> > > > > > }
> > > > > >
> > > > > > <tr:inputText styleClass="myStyleClass"/>
> > > > > >
> > > > > > I think it might work.
> > > > > >
> > > > > >
> > > > > > Regards,
> > > > > >
> > > > > > ~ Simon
> > > > > >
> > > > > > On 5/11/07, Francisco Passos <fr...@gmail.com> wrote:
> > > > > > >
> > > > > > > Hello there!
> > > > > > >
> > > > > > > I'd like most of my inputTexts to be rendered as they are by
> > > > > > > default.
> > > > > > >
> > > > > > > However, I'd like a few of them to have a bold label.
> > > > > > >
> > > > > > > I tried this:
> > > > > > >
> > > > > > > af|inputText::label {
> > > > > > > font-weight : bold;
> > > > > > > }
> > > > > > >
> > > > > > > But as you know this leads every inputText to have their
> > > > > > > labels in bold.
> > > > > > >
> > > > > > > Is there any way to reference ::label from within the
> > > > > > > inlineStyle property and define this property on the spot?
> > > > > > >
> > > > > >
> > > > > >
> > > > >
> > > >
> > >
> >
>
Re: Skinning tr:inputText
Posted by Simon Lessard <si...@gmail.com>.
Hmmmm,
What about af|inputText.myStyleClass::label?
On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
>
> That was it, thank you! Firefox tends to keep the css in cache, so after
> clearing it works fine.
>
> However your previous suggested solution for the initial problem I
> presented:
>
> af|inputText::label.myStyleClass {
> > font-weight : bold;
> > }
> >
> > <tr:inputText styleClass="myStyleClass"/>
> >
>
> does not seem to work, in that the label is not presented in bold.
>
> On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
> >
> > Hello Francisco,
> >
> > Hmmm it might be a browser cache problem. When working with skin you
> > have to clear your browser cache often else it will use the cached CSS. I
> > assume that, in your case, the last change you made either triggered a
> > filename change or your browser cache expired thus loading the latest CSS
> > and showing all changes.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> > On 5/14/07, Francisco Passos < francisco.passos@gmail.com> wrote:
> > >
> > > Oddly enough, if I add
> > >
> > > @platform windows, linux, solaris
> > > {
> > > /** for ie and gecko on windows, linux and solaris, make the color pink **/
> > >
> > >
> > > @agent ie, gecko
> > > {
> > > af|inputText::content {background-color:pink}
> > >
> > > }
> > > }
> > >
> > > to the css, suddenly everything works - the text size, the red
> > > background color, the bold font weight...
> > >
> > > What should I make of this?
> > >
> > > On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
> > > >
> > > > Thank you for your hint, I'll try it as soon as I can.
> > > >
> > > > It seems that I'm not quite there yet, I'm two steps behind.
> > > >
> > > > I'm using a skin extending the simple-desktop:
> > > >
> > > > <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> > > > <skin>
> > > > <id>stp.desktop </id>
> > > > <family>stp</family>
> > > > <render-kit-id> org.apache.myfaces.trinidad.desktop
> > > > </render-kit-id>
> > > > <style-sheet-name>
> > > > resources/css/skin-stp.css
> > > > </style-sheet-name>
> > > > <extends>simple.desktop</extends>
> > > > </skin>
> > > > </skins>
> > > >
> > > > and in skin-stp.css I define some things, such as
> > > >
> > > > .AFDefaultFont:alias {
> > > > font-size : 18px;
> > > > }
> > > >
> > > > and
> > > >
> > > > af|inputText::label {
> > > > background-color: red;
> > > > font-weight: bold;
> > > > }
> > > >
> > > > And none of them is working. The text is overall very small (nowhere
> > > > near the 18px I put there to test) and tr:inputText labels are neither red
> > > > nor bold. It seems like it is ignoring my skin-stp.css definitions.
> > > > What could cause this?
> > > >
> > > > On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com > wrote:
> > > > >
> > > > > Hello Francisco,
> > > > >
> > > > > You could try the following:
> > > > >
> > > > > af|inputText:: label.myStyleClass {
> > > > > font-weight : bold;
> > > > > }
> > > > >
> > > > > <tr:inputText styleClass="myStyleClass"/>
> > > > >
> > > > > I think it might work.
> > > > >
> > > > >
> > > > > Regards,
> > > > >
> > > > > ~ Simon
> > > > >
> > > > > On 5/11/07, Francisco Passos <fr...@gmail.com> wrote:
> > > > > >
> > > > > > Hello there!
> > > > > >
> > > > > > I'd like most of my inputTexts to be rendered as they are by
> > > > > > default.
> > > > > >
> > > > > > However, I'd like a few of them to have a bold label.
> > > > > >
> > > > > > I tried this:
> > > > > >
> > > > > > af|inputText::label {
> > > > > > font-weight : bold;
> > > > > > }
> > > > > >
> > > > > > But as you know this leads every inputText to have their labels
> > > > > > in bold.
> > > > > >
> > > > > > Is there any way to reference ::label from within the
> > > > > > inlineStyle property and define this property on the spot?
> > > > > >
> > > > >
> > > > >
> > > >
> > >
> >
>
Re: Skinning tr:inputText
Posted by Francisco Passos <fr...@gmail.com>.
That was it, thank you! Firefox tends to keep the css in cache, so after
clearing it works fine.
However your previous suggested solution for the initial problem I
presented:
af|inputText::label.myStyleClass {
> font-weight : bold;
> }
>
> <tr:inputText styleClass="myStyleClass"/>
>
does not seem to work, in that the label is not presented in bold.
On 5/14/07, Simon Lessard <si...@gmail.com> wrote:
>
> Hello Francisco,
>
> Hmmm it might be a browser cache problem. When working with skin you have
> to clear your browser cache often else it will use the cached CSS. I assume
> that, in your case, the last change you made either triggered a filename
> change or your browser cache expired thus loading the latest CSS and showing
> all changes.
>
>
> Regards,
>
> ~ Simon
>
> On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
> >
> > Oddly enough, if I add
> >
> > @platform windows, linux, solaris
> > {
> > /** for ie and gecko on windows, linux and solaris, make the color pink **/
> >
> > @agent ie, gecko
> > {
> > af|inputText::content {background-color:pink}
> >
> > }
> > }
> >
> > to the css, suddenly everything works - the text size, the red
> > background color, the bold font weight...
> >
> > What should I make of this?
> >
> > On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
> > >
> > > Thank you for your hint, I'll try it as soon as I can.
> > >
> > > It seems that I'm not quite there yet, I'm two steps behind.
> > >
> > > I'm using a skin extending the simple-desktop:
> > >
> > > <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> > > <skin>
> > > <id>stp.desktop </id>
> > > <family>stp</family>
> > > <render-kit-id> org.apache.myfaces.trinidad.desktop
> > > </render-kit-id>
> > > <style-sheet-name>
> > > resources/css/skin-stp.css
> > > </style-sheet-name>
> > > <extends>simple.desktop</extends>
> > > </skin>
> > > </skins>
> > >
> > > and in skin-stp.css I define some things, such as
> > >
> > > .AFDefaultFont:alias {
> > > font-size : 18px;
> > > }
> > >
> > > and
> > >
> > > af|inputText::label {
> > > background-color: red;
> > > font-weight: bold;
> > > }
> > >
> > > And none of them is working. The text is overall very small (nowhere
> > > near the 18px I put there to test) and tr:inputText labels are neither red
> > > nor bold. It seems like it is ignoring my skin-stp.css definitions.
> > > What could cause this?
> > >
> > > On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com > wrote:
> > > >
> > > > Hello Francisco,
> > > >
> > > > You could try the following:
> > > >
> > > > af|inputText:: label.myStyleClass {
> > > > font-weight : bold;
> > > > }
> > > >
> > > > <tr:inputText styleClass="myStyleClass"/>
> > > >
> > > > I think it might work.
> > > >
> > > >
> > > > Regards,
> > > >
> > > > ~ Simon
> > > >
> > > > On 5/11/07, Francisco Passos <fr...@gmail.com> wrote:
> > > > >
> > > > > Hello there!
> > > > >
> > > > > I'd like most of my inputTexts to be rendered as they are by
> > > > > default.
> > > > >
> > > > > However, I'd like a few of them to have a bold label.
> > > > >
> > > > > I tried this:
> > > > >
> > > > > af|inputText::label {
> > > > > font-weight : bold;
> > > > > }
> > > > >
> > > > > But as you know this leads every inputText to have their labels in
> > > > > bold.
> > > > >
> > > > > Is there any way to reference ::label from within the inlineStyle
> > > > > property and define this property on the spot?
> > > > >
> > > >
> > > >
> > >
> >
>
Re: Skinning tr:inputText
Posted by Simon Lessard <si...@gmail.com>.
Hello Francisco,
Hmmm it might be a browser cache problem. When working with skin you have to
clear your browser cache often else it will use the cached CSS. I assume
that, in your case, the last change you made either triggered a filename
change or your browser cache expired thus loading the latest CSS and showing
all changes.
Regards,
~ Simon
On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
>
> Oddly enough, if I add
>
> @platform windows, linux, solaris
> {
> /** for ie and gecko on windows, linux and solaris, make the color pink **/
> @agent ie, gecko
> {
> af|inputText::content {background-color:pink}
>
> }
> }
>
> to the css, suddenly everything works - the text size, the red background
> color, the bold font weight...
>
> What should I make of this?
>
> On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
> >
> > Thank you for your hint, I'll try it as soon as I can.
> >
> > It seems that I'm not quite there yet, I'm two steps behind.
> >
> > I'm using a skin extending the simple-desktop:
> >
> > <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> > <skin>
> > <id>stp.desktop </id>
> > <family>stp</family>
> > <render-kit-id> org.apache.myfaces.trinidad.desktop
> > </render-kit-id>
> > <style-sheet-name>
> > resources/css/skin-stp.css
> > </style-sheet-name>
> > <extends>simple.desktop</extends>
> > </skin>
> > </skins>
> >
> > and in skin-stp.css I define some things, such as
> >
> > .AFDefaultFont:alias {
> > font-size : 18px;
> > }
> >
> > and
> >
> > af|inputText::label {
> > background-color: red;
> > font-weight: bold;
> > }
> >
> > And none of them is working. The text is overall very small (nowhere
> > near the 18px I put there to test) and tr:inputText labels are neither red
> > nor bold. It seems like it is ignoring my skin-stp.css definitions. What
> > could cause this?
> >
> > On 5/11/07, Simon Lessard < simon.lessard.3@gmail.com > wrote:
> > >
> > > Hello Francisco,
> > >
> > > You could try the following:
> > >
> > > af|inputText:: label.myStyleClass {
> > > font-weight : bold;
> > > }
> > >
> > > <tr:inputText styleClass="myStyleClass"/>
> > >
> > > I think it might work.
> > >
> > >
> > > Regards,
> > >
> > > ~ Simon
> > >
> > > On 5/11/07, Francisco Passos <fr...@gmail.com> wrote:
> > > >
> > > > Hello there!
> > > >
> > > > I'd like most of my inputTexts to be rendered as they are by
> > > > default.
> > > >
> > > > However, I'd like a few of them to have a bold label.
> > > >
> > > > I tried this:
> > > >
> > > > af|inputText::label {
> > > > font-weight : bold;
> > > > }
> > > >
> > > > But as you know this leads every inputText to have their labels in
> > > > bold.
> > > >
> > > > Is there any way to reference ::label from within the inlineStyle
> > > > property and define this property on the spot?
> > > >
> > >
> > >
> >
>
Re: Skinning tr:inputText
Posted by Francisco Passos <fr...@gmail.com>.
Oddly enough, if I add
@platform windows, linux, solaris
{
/** for ie and gecko on windows, linux and solaris, make the color pink **/
@agent ie, gecko
{
af|inputText::content {background-color:pink}
}
}
to the css, suddenly everything works - the text size, the red background
color, the bold font weight...
What should I make of this?
On 5/14/07, Francisco Passos <fr...@gmail.com> wrote:
>
> Thank you for your hint, I'll try it as soon as I can.
>
> It seems that I'm not quite there yet, I'm two steps behind.
>
> I'm using a skin extending the simple-desktop:
>
> <skins xmlns=" http://myfaces.apache.org/trinidad/skin">
> <skin>
> <id>stp.desktop</id>
> <family>stp</family>
> <render-kit-id> org.apache.myfaces.trinidad.desktop
> </render-kit-id>
> <style-sheet-name>
> resources/css/skin-stp.css
> </style-sheet-name>
> <extends>simple.desktop</extends>
> </skin>
> </skins>
>
> and in skin-stp.css I define some things, such as
>
> .AFDefaultFont:alias {
> font-size : 18px;
> }
>
> and
>
> af|inputText::label {
> background-color: red;
> font-weight: bold;
> }
>
> And none of them is working. The text is overall very small (nowhere near
> the 18px I put there to test) and tr:inputText labels are neither red nor
> bold. It seems like it is ignoring my skin-stp.css definitions. What could
> cause this?
>
> On 5/11/07, Simon Lessard <simon.lessard.3@gmail.com > wrote:
> >
> > Hello Francisco,
> >
> > You could try the following:
> >
> > af|inputText:: label.myStyleClass {
> > font-weight : bold;
> > }
> >
> > <tr:inputText styleClass="myStyleClass"/>
> >
> > I think it might work.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> > On 5/11/07, Francisco Passos <fr...@gmail.com> wrote:
> > >
> > > Hello there!
> > >
> > > I'd like most of my inputTexts to be rendered as they are by default.
> > >
> > > However, I'd like a few of them to have a bold label.
> > >
> > > I tried this:
> > >
> > > af|inputText::label {
> > > font-weight : bold;
> > > }
> > >
> > > But as you know this leads every inputText to have their labels in
> > > bold.
> > >
> > > Is there any way to reference ::label from within the inlineStyle
> > > property and define this property on the spot?
> > >
> >
> >
>
Re: Skinning tr:inputText
Posted by Francisco Passos <fr...@gmail.com>.
Thank you for your hint, I'll try it as soon as I can.
It seems that I'm not quite there yet, I'm two steps behind.
I'm using a skin extending the simple-desktop:
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>stp.desktop</id>
<family>stp</family>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<style-sheet-name>
resources/css/skin-stp.css
</style-sheet-name>
<extends>simple.desktop</extends>
</skin>
</skins>
and in skin-stp.css I define some things, such as
.AFDefaultFont:alias {
font-size : 18px;
}
and
af|inputText::label {
background-color: red;
font-weight: bold;
}
And none of them is working. The text is overall very small (nowhere near
the 18px I put there to test) and tr:inputText labels are neither red nor
bold. It seems like it is ignoring my skin-stp.css definitions. What could
cause this?
On 5/11/07, Simon Lessard <si...@gmail.com> wrote:
>
> Hello Francisco,
>
> You could try the following:
>
> af|inputText::label.myStyleClass {
> font-weight : bold;
> }
>
> <tr:inputText styleClass="myStyleClass"/>
>
> I think it might work.
>
>
> Regards,
>
> ~ Simon
>
> On 5/11/07, Francisco Passos <fr...@gmail.com> wrote:
> >
> > Hello there!
> >
> > I'd like most of my inputTexts to be rendered as they are by default.
> >
> > However, I'd like a few of them to have a bold label.
> >
> > I tried this:
> >
> > af|inputText::label {
> > font-weight : bold;
> > }
> >
> > But as you know this leads every inputText to have their labels in bold.
> >
> > Is there any way to reference ::label from within the inlineStyle
> > property and define this property on the spot?
> >
>
>
Re: Skinning tr:inputText
Posted by Simon Lessard <si...@gmail.com>.
Hello Francisco,
You could try the following:
af|inputText::label.myStyleClass {
font-weight : bold;
}
<tr:inputText styleClass="myStyleClass"/>
I think it might work.
Regards,
~ Simon
On 5/11/07, Francisco Passos <fr...@gmail.com> wrote:
>
> Hello there!
>
> I'd like most of my inputTexts to be rendered as they are by default.
>
> However, I'd like a few of them to have a bold label.
>
> I tried this:
>
> af|inputText::label {
> font-weight : bold;
> }
>
> But as you know this leads every inputText to have their labels in bold.
>
> Is there any way to reference ::label from within the inlineStyle property
> and define this property on the spot?
>