Use Case: Users should see a slight contrast between the slide out springboard and the active feature beneath it.
I am aware of the mobilAlta skin & default css files that ADF Mobile uses. Additionally, I have created a custom.css & added the additional skin in adfmf_skins.xml (code below). My research has taught me this functionality is available for most ADF components. Specifically, I can create custom CSS and assign those CSS styles to ADF Components using the "style=" syntax.
It remains that I am not able to change the background color of my springboard. I want the springboard to have a light grey contrast as it slides out only 170 pixels & the active feature screen behind it is white. So it displays white on white. The UX is not aesthetically pleasing.
Can someone point me to a solution please? I must be missing something simple.
Here's what I've done already
in amx.css I have modified the default springboard CSS
/* ------ <Springboard> ------ */
.adfmf-panelPage-springboard {
background-color: #c2c7c8;
}
in amx-mobileAlta-1.1.css I have modified the default springboard CSS
/* ------ <Springboard> ------ */
.adfmf-panelPage-springboard {
background-color: #c2c7c8;
}
inside adfmf_skins.xml I have added a skin.
<skin-addition id="s1">
<skin-id>myAST-Mobile </skin-id>
<style-sheet-name>custom.css </style-sheet-name>
</skin-addition>
in my custom.css
.adfmf-springboard {
background-color:#c2c7c8;
}