ADF Skinning Framework.

The ADF skinning framework provides a range of selectors that you can specify in an ADF skin to customize the appearance of ADF Faces and ADF Data Visualization components.

There are two types of selectors:

1 - Global selectors, A global selector defines style properties that you apply to one or more selectors.

2 - Component-specific selectors, A component-specific selector defines style properties that apply to one selector.

The ADF skins provided by Oracle ADF define many global selectors (Global Selector Aliases in the user interface of the visual editor) that many ADF Faces components inherit. These ADF skins do not define global selectors inherited by the ADF Data Visualization components.

For example, many ADF Faces components use the .AFDefaultFontFamily:alias selector to specify the font family. If you create an ADF skin that overrides this selector by specifying a different font family, that change affects all the components that have included the .AFDefaultFontFamily:alias selector in their selector definition.

Comments

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

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 .

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

Bani Taha Blog

Search This Blog