Theme folder split into two folder

On the previous versions, BaseStyles.css and Styless.css in “App_Theme/<page style folder>” contains styles for both web and mobile pages.  To reduce their file size, now their contents are split into web and mobile.  The folder, “App_Theme/<page style folder>” contains BaseStyles.css and Styles.css with styles for web only.    On the other hand, the folder, “App_Theme/<page style folder followed by ‘_Mobile’>” contains contents for mobile only. 

Migration effects

During migration, Iron Speed Designer will do the following:
1. Creates a folder, “App_Theme/<page style folder followed by ‘_Mobile’>”.
2. Copy Styles.css from “App_Theme/<page style folder>” to “App_Theme/<page style folder followed by ‘_Mobile’>”
3. Copy BaseStyles.css into “App_Theme/<page style folder> and to “App_Theme/<page style folder followed by ‘_Mobile’> from “Design Themes” folder in Iron Speed Designer.

What you should do

Although we classified styles into web and mobile and split them into two Styles.css, you might have applied mobile styles on a web page or vice versa.  If styles are incorrect on web pages after migration, please copy the missing styles from BaseStyles.css in the mobile folder to Style.css in the web folder.  Alternatively, if styles are incorrect on mobile pages after migration, please copy the missing styles from BaseStyles.css in the web folder to Style.css in the mobile folder.  

To reduce the file size of BaseStyles.css in the web or mobile folder, you might consider removing styles that are not used. 

See Also

Version 12.1.0 Application Migration