ADF Basics: Using contentStyle and inlineStyle property to change basic styling of component in ADF Faces by Ashish Awasthi

Posted: September 4, 2015 in JDeveloper & ADF
Tags: , , , , , ,
 

clip_image001

Again a post about ADF Basics for beginners
I have seen lots of thread on OTN about changing basic styles of component . for example,
How to change font size of inputText ?
How to change color of inputText/outputText ?
How to change color of link or button ?
and everyone starts creating a css/skin for these minor changes but there is no need of that
Skin should be used for complex styles or you have apply same style to all components of your application. If you will read API docs then you will know this, See what docs says about inlineStyle property.
The CSS styles to use for this component. This is intended for basic style changes; you should use the skinning mechanism if you require any complex style changes. The inlineStyle is a set of CSS styles that are applied to the root DOM element of the component. Be aware that because of browser CSS precedence rules, CSS rendered on a DOM element takes precedence over external stylesheets like the skin file. Therefore skins will not be able to override what you set on this attribute.

Difference between contentStyle and inlineStyle –

contentStyle property used to style content part of component like if you want to change color of inputText or any other input component then you have to specify this in contentStyle property of that component
inlineStyle is about whole component and also available in output (outputText) or collection (table, tree etc) component’s property where contentStyle is not there. This can be use to set width, height ,border or color of output components etc. Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s