Jump to: navigation, search

Difference between revisions of "HowTo:Customize Logo and Background on Mobile Client"


 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
[[File:bg_landscape.png|thumb|Template background landscape]]
 
[[File:bg_landscape.png|thumb|Template background landscape]]
 
[[File:bg_portrait.png|thumb|Template background portrait]]
 
[[File:bg_portrait.png|thumb|Template background portrait]]
It is possible to customize logo and background images for applications on a mobile device. This can be done by simply placing/replacing certain files under the directory '''''SD_CARD''/Android/data/''APP_PACKAGE_NAME''/files/UIConfigurations'''
 
where
 
{| class="wikitable" | width = "50%"
 
|-
 
! Parameter!! Purpose
 
|-
 
| ''SD_CARD''|| represents the root of the external storage of a device
 
|-
 
| ''APP_PACKAGE_NAME''|| is the concatenation of "com.augmensys.ubik." and the application name, e.g. "manualtest", "companyname"
 
|}
 
  
Certain files include:
+
It is possible to customize logo and background images for {{UBIK}} Android.
 +
 
 +
== Configuration ==
 +
 
 +
In order to configure images, place the required files under the [[UI_Configuration_(Mobile_Client)|UI Configurations folder]].
 +
 
 +
== File requirements ==
 +
 
 +
The following files can be used:
  
 
{| class="wikitable" | width = "50%"
 
{| class="wikitable" | width = "50%"
 
|-
 
|-
! Parameter!! Purpose
+
! Parameter!! Purpose !! Recommended Resolution (px)
 
|-
 
|-
| ''bg_landscape.png''|| background for landscape mode
+
| ''bg_landscape.png''|| background for landscape mode || 1000x447
 
|-
 
|-
| ''bg_portrait.png''|| background for portrait mode
+
| ''bg_portrait.png''|| background for portrait mode || 600x871
 
|-
 
|-
| ''icon.png''|| logo to display in the ActionBar
+
| ''icon.png''|| logo to display in the ActionBar || 48x48
 
|}
 
|}
 +
 +
{{Hint|The resolution values are for a device with a 1000x600 pixels screen like the Getac Z710; the values may vary for other devices with different screen resolutions}}
  
 
The customization can be achieved through the following steps:
 
The customization can be achieved through the following steps:
Line 32: Line 32:
 
# Place the renamed files under the selected directory, replace the old files with the same names if exist.
 
# Place the renamed files under the selected directory, replace the old files with the same names if exist.
  
== Technical Background ==
+
== See also ==
 
+
* [[UI_Configuration_(Mobile_Client)]]
The customization of logo & background on a local device will be overruled by server customization (using the [[ACM Manager]]) associated with the current [[Application]] and [[Context]] once users login.
+
 
+
==See also==
+
* [[ACM Manager#Client Customizing|ACM Client Customizing]]
+
  
[[Category:How-To]]
+
[[Category:Android|Customize Logo & Background on Mobile Client]]
[[Category:UBIK Client]]
+
[[Category:How-To|Customize Logo & Background on Mobile Client]]
 +
[[Category:Publishing|Customize Logo & Background on Mobile Client]]

Latest revision as of 08:39, 3 August 2016

Template background landscape
Template background portrait

It is possible to customize logo and background images for UBIK® Android.

Configuration

In order to configure images, place the required files under the UI Configurations folder.

File requirements

The following files can be used:

Parameter Purpose Recommended Resolution (px)
bg_landscape.png background for landscape mode 1000x447
bg_portrait.png background for portrait mode 600x871
icon.png logo to display in the ActionBar 48x48
IC Hint square.pngThe resolution values are for a device with a 1000x600 pixels screen like the Getac Z710; the values may vary for other devices with different screen resolutions

The customization can be achieved through the following steps:

  1. Launch any file browser application;
  2. Choose image files to be used as logo and/or background, rename them according to the default naming;
  3. Navigate to the predefined directory, create it if not found;
  4. Place the renamed files under the selected directory, replace the old files with the same names if exist.

See also