Customize Mobile Dashboard Display

If certain objects or pages do not appear correctly on new or unsupported devices, you can customize the Mobile Dashboard display.

Follow these steps:

Create a file named mobile_extra_style.css in the SOI_HOME\SamUI\webapps\mobile\styles directory on the UI Server.
Write the modifications to the default style sheet and save the file.
The customizations display on the Mobile Dashboard. You can tweak the style sheet as many times as necessary to achieve the optimal display settings.

For example, if you change the Mobile Dashboard icon, you can modify the width and height as follows in mobile_extra_style.css:

.logo {
  width: 40px;
  height: 40px;
  left: 2px;
  top: 2px;
}

This example sets the icon to be a square of 40x40 pixels and moves it five pixels near the top of the page.