I haven’t yet found a style selector guide for ADF Mobile. The SkinningDemo from the samples touches upon very few components and isn’t of much use here. Anyway, the best way to explore the available skin selectors is to look through the css files in the deploy folder.
I was mainly interested in skinning for Android. I can’t stand the default skin with it’s iOS inspired drabness. So here is what I did.
a) Deploy the application at least once.
b) Copy and retain the css files generated in the deploy folder. There are at least two interesting css files both named amx.css – located in java_res\assets\www\css and java_res\assets\FARs\OracleStandardADFmfUiComponents\public_html\css.
From then on, it’s a matter of trial-and-error. It isn’t immediately apparent where the source of various style attributes are. The styles applied are a mix of ADF component specific CSS classes and generic classes.
In case, you get flummoxed by the labels within a panelFormLayout – they derive their attributes from
.amx-panelFormLayout .field .field-label
On a side note, I am working on developing a skin that will get me a Holo Dark look. It is not easy work and progress has been very slowly. Here’s a glimpse of the WIP.
Once I get it to a reasonable state and if there is enough interest, I might open source it on Google Code or GitHub or equivalent. I am sure more hands working on this can only be a good thing.