• Post Reply Bookmark Topic Watch Topic
  • New Topic

How to override style applied by skinning ?  RSS feed

 
Dushyant Agarwal
Ranch Hand
Posts: 75
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
We all know that the style applied by component level selectors (af|inputText in my case...)will be applied to all the components of the application of that sort.

In my project I am using Apache Trinidad( v1.2.4)

I needed to set a skin on inputText components . In the skin CSS I wrote:



af|inputText::content{

background-color:Red;

}



Now in one inputText component on the page I needed a different style.

So I used the following



af|inputText::content.Change{

background-color:Green;

}



and put styleClass attribute of that component as "Change".



But on rendering the page I could not find the change affecting the component.

It only affected the DOM of the inputText but not the content part.

I could have achieved the same thing using



.Change{

background-color:Green;

}
and setting styleClass="Change".



Am I missing out something??



Do I need to use FireBug to solve the problem??(I do not have it downloaded yet)
[ April 08, 2008: Message edited by: Dushyant Agarwal ]
 
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!