Use a Mobile CSS, Mobile Background and Mobile Header Image

Your Distributor will now be able to set up a Mobile theme for use on the iPad and iPhone. They will know what information to include in the Mobile Custom CSS.

You can upload a custom background image, a CSS file and a mobile header for the iPad and iPhone application

You can upload a custom background image, a CSS file and a mobile header for the iPad and iPhone application

In the Application Specification you can now upload a:

#1: Mobile Header Image (image-small)

#2: Mobile Background (image)

#3: Mobile Custom CSS (CSS file)

Once you click on Save for the application the mobile system will display the new images and css styling.

A Mobile Background example

A Mobile Background example

You can see here that a background image is now showing on the mobile application. This MUST be referenced in the Mobile Custom css file in order to appear.

.ui-mobile-viewport {

background-image: url(images/mobilebackground);

background-size: 100%;

background-repeat: no-repeat;

}

 

A Header example

A Header example

You can see here that a header image now shows on the mobile application

The custom CSS file is used to colour and style the buttons or heading bars

The custom CSS file is used to colour and style the buttons or heading bars

 

0 Comments

Add your comment

E-Mail me when someone replies to this comment