When the Images are added as part of the CSS file and referred the style CLASSES for the Image tags (<amx:image>) or Command Buttons it did not worked as expected, that means the images referred in the CSS is not applied to Image tags (<amx:image>) or Command Buttons. So we need to add the Images as inline style to the components where it did not worked as shown below –
<amx:commandLink text=”” id=”cl2″ actionListener=”#pageFlowScope.SearchServiceBean.ClearSearchSelections}”>
<amx:image id=”i3″ source=”/images/reset.png” inlineStyle=”height:30px; width:96px; margin-left:0%;”/>
<amx:image id=”navCustomer” source=”/images/nbtn_a_customers.gif”
inlineStyle=”float:left; height:50px; width:80px; margin:0px 0px 20px 0px;”/>
The “reset.png” and “nbtn_a_customers.gif” images need to be available in the ‘images‘ folder in your ADF Mobile application.
Now the images will be displayed for Image tags (<amx:image>) or Command Buttons.