Skip to main content

ADF Table Skin - Table Style.

Sometimes we need to change the default look and feel for Oracle ADF components, In this example we will customize the selectors for ADF Table component.

To get start we need to create a skinFile.css inside the project, We can edit the skinFile.css using ADF skin editor or the build in skin editor with JDeveloper.

We can access the skin selectors using design or source tab at the end of editor window and you can start customization by set required attributes and styles from the property Inspector.



We have change the header color, font style and table selector highlighted this applied for all project tables because we overwrite the global selectors while the JobId column has a custom selector, You can add your own style as you need, after we run the page the results will be like :


You can download the sample source from here - Custom ADF Table Skin ( zip ) - JDev 11.1.2.4

Labels

Labels:

Comments

Unknown said…

I read this article fully on the topic of the resemblance of most recent and previous technologies, it's awesome article. pnc bank online banking
November 9, 2017 at 4:42 AM
Post a Comment

Popular posts from this blog

Oracle ADF Flashing Login Page Issue

Your login page may not have the anonymous-role  inside the *.jazn file.  
1 comment
Read more

Show Page Loader (Progress) when Page Busy, Delay (Long Execution Time).

As we know some actions can take long time to return back the response, in this case the user may do not know what happens at this time, so we need to show or display some indicators that reflect these delays or executions to the user. To get start we need to know some  JavaScript . Inside the target page add popup component and design your own style as you need, I prefer use animated image to reflect the real functionality of loader. Now you need to add the following script inside your page using  <af:resources>  tag, this script will open the popup by id, the yellow color in the images show that. Inside the page add command button to execute your action, this button contains  <af:clientListener>  component  to invoke function in the JavaScript when start executing the action. Button will be execute run method and open popup by invoking JavaScript function. To show the loader we need to make page delay, for test I ...
5 comments
Read more

Creating a wlfullclient.jar for client applications ( Weblogic 10.3.6 )

Do the following steps under windows command shell : 1 -  Open the Weblogic server library :       cd   {fmw_home} \wlserver_10.3\server\lib 2 - Execute the following command :      {fmw_home}\wlserver_10.3\server\lib >   {java_home} \bin\java  -jar wljarbuilder.jar 3 - This command will generate  wlfullclient.jar , You can add it to your client application classpath .
2 comments
Read more