How to apply the Images in the AMX page buttons.

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 –

Sample 1:

<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:commandLink>

Sample 2:

<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.

Advertisements
This entry was posted in ADF Mobile and tagged , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s