Viewport customization for Mobile
 |
For mobile devices, the minimum viewport width is 360 pixels, and the maximum width is 750 pixels, by default. If you want to make any changes to the viewport within the prescribed range, follow the steps given below.
|
1. Open the following two files and change the viewport size.
|
File Name
|
Location
|
Action
|
|
SCThemeBaseMobile.less
|
codebase.war/delivery/app/style/less/
|
Change the value of @device-min-width and @device-max-width as required.
|
|
setup.properties
|
InService/InS_SW/SW/
|
Add viewMaxWidth property and set it to the required value. For example, viewMaxWidth=600px. Similarly, you can add viewMinWidth property and set it to the required value.
|
2. Additionally, for better alignment and user experience, you can adjust the maximum and minimum view port size using the following files.
|
File Name
|
Location
|
Action
|
|
IEXMLcustomization.js
|
codebase.war/delivery/mediaContentResources/scripts/
|
Change the max-width and min-width as required.
|
|
ptcScripts.js
|
codebase.war/delivery/mediaContentResources/scripts/
|
Change the max-width and min-width as required.
|
|
IEXMLdefault.css
|
codebase.war/delivery/mediaContentResources/css/
|
Change the max-width and min-width as required.
|
|
defaultExtView.xsl
|
InS_Data/Data/Titles/SEGXXX-XXXXXXXXXXXXXX/Data/Ext/Stylesheet/
|
Change the max-width and min-width as required. Change the file for all segments.
|
3. Build the SCThemeBaseMobile.less file, using the ant less.compile command.
4. Browse /InS_SW/SW/Applications/Windchill.ear/ folder, run the minimize command ant -f codebase.war/delivery/minimize.xml.
5. Restart the JBoss server.