Unable to apply css to ADF Mobile application

Question

Hello all,
I have developed an ADF Mobile application for Android platform using JDeveloper 11.1.2.3.0. I have deployed it to the emulator and checked all its basic functionalities. But I would now like to apply some css to the application. I have also made the necessary changes required in the adfmf-config.xml file and the adfmf-skins.xml file.
The adfmf-skins.xml file looks like this:
*<?xml version="1.0" encoding="UTF-8" ?>*
*<adfmf-skins xmlns="http://xmlns.oracle.com/adf/mf/skin">*
*<skin-addition>*
*<skin-id>mobileFusionFx</skin-id>*
*<style-sheet-name>css/my_css.css</style-sheet-name>*
*</skin-addition>*
*</adfmf-skins>*
The my_css.css file is also created properly in the resources folder of the project. The my_css.css file looks like this:
body
background-color: Yellow;
color: Yellow;
font-family: Arial, Helvetica, sans-serif;
h1
color: navy;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bolder;
text-transform: capitalize;
h2
color: navy;
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bolder;
text-transform: capitalize;
h3
color: navy;
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: lighter;
text-transform: capitalize;
*.userbody {*
background-color: Yellow;
color: Yellow;
font-family: Arial, Helvetica, sans-serif;
But I am unable to apply the css in my pages. I have used the keyword styleclass="userbody" as <amx:panelPage id="pp1" styleClass="userbody">, but its still not working.
Please help me to address this issue.
Thanks in advance.

Answer 1

Hi,
Check
http://docs.oracle.com/cd/E35521_01/doc.111230/e24475/getting_started.htm
http://docs.oracle.com/cd/E35521_01/doc.111230/e24475.pdf