myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Petr Kotek <ko...@crcdata.cz>
Subject Re: Skinning tr:inputText
Date Thu, 14 Jun 2007 13:54:35 GMT
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 <mailto:kotek@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
>     <mailto:simon.lessard.3@gmail.com>> wrote:
>     >>
>     >>> Hmmmm,
>     >>>
>     >>> What about af|inputText.myStyleClass::label?
>     >>>
>     >>> On 5/14/07, Francisco Passos < francisco.passos@gmail.com
>     <mailto: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 <simon.lessard.3@gmail.com
>     <mailto:simon.lessard.3@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
>     <mailto: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 <francisco.passos@gmail.com
>     <mailto:francisco.passos@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
>     <mailto: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 <francisco.passos@gmail.com
>     <mailto:francisco.passos@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 


Mime
View raw message