How to Configure Alta UI Skin in JDeveloper 12.1.x
The Oracle Alta UI is the modern UI design for mobile and web applications.
By default, the Skyros skin is applied to the new fusion web application.
To use the Alta UI skin, change the <skin-family> value from skyros to alta in the
By default, the Skyros skin is applied to the new fusion web application.
To use the Alta UI skin, change the <skin-family> value from skyros to alta in the
trinidad-config.xml file of your fusion web application as shown below
<?xml version="1.0" encoding="UTF-8"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>alta</skin-family>
<skin-version>v1</skin-version>
</trinidad-config>
Mostly you want to customize the Alta UI skin for your application. To create a customized ADF skin in
<?xml version="1.0" encoding="UTF-8"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
<skin-family>alta</skin-family>
<skin-version>v1</skin-version>
</trinidad-config>
Mostly you want to customize the Alta UI skin for your application. To create a customized ADF skin in
JDeveloper 12, right-click your view controller project, choose New => From Gallery => New Gallery dialog.
In the Web Tier category, select JSF/Facelets and then ADF Skin:
Fill the information for your new skin.
In the Skin page, choose one of the ADF skins that Oracle ADF provides. In the current version of Developer 12.3.1,
the Alta UI skin is not available in the list yet. Simply accept skyros-v1.desktop. JDeveloper will help us
to create and modify the associated configuration files, then we will fix it.
Itrinidad-skins.xml file, shows that your skin extends from Skyros Skin family.
Itrinidad-skins.xml file, shows that your skin extends from Skyros Skin family.
To make your skin to extend from the Alta UI skin, change the <extends> value from the skyros-v1.desktop
to alta-v1.desktop as below:
<?xml version="1.0" encoding="UTF-8"?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
<skin>
<id>myskin.desktop</id>
<family>myskin</family>
<extends>alta-v1.desktop</extends>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<style-sheet-name>skins/myskin/myskin.css</style-sheet-name>
<bundle-name>org.javaplus.adfsamples.view.skinBundle</bundle-name>
</skin>
</skins>
Now, you have your customized skin extended from the Alta UI skin.
Credit
http://rogersuen.blogspot.com/2014/10/adf-turn-on-and-extend-new-alta-ui-skin.html