myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From MOLINA Stéphane <stephane.mol...@aprilvie.fr>
Subject RE: Skinning tr:inputText
Date Thu, 14 Jun 2007 09:12:38 GMT
Hi,
 
I found the problem : I did not use <tr:document> which compile CSS files of skins in
the HeadRenderer and output <head> element.
 
I am looking for doing a nez component for just manage skining CSS. See an another mail from
me in this ML.

________________________________

De : Francisco Passos [mailto:francisco.passos@gmail.com] 
Envoyé : jeudi 14 juin 2007 11:08
À : MyFaces Discussion
Objet : Re: Skinning tr:inputText


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> 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 > 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 > 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 <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 >
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>
	>>>>>>>>
	>>> 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
	
	


Mime
View raw message