Framework applications are generally built for specific resolutions. To accomplish this, each application needs a set of layout modules and resolution specific style sheets (see layout and styling).
Layout modules allow resolution specific css, images and other data to be made available to an application.
The framework’s device configuration files assume that at a minimum, layout modules and css for the following display modes exist within the application.
Where APP_ID is the application id defined in index.php and substituted into the device configurations on load.
The framework will select the largest resolution which will fit a device without scaling.
Below are minimal layout files for these three resolutions.
The css links are relative to the style directory passed in to the constructor of the application module.
In this case that was static/style/, so if using the above layouts, the layout specific css files required are
These can be empty, but they need to exist or you will encounter load errors.
Base style sheet
In addition to the specific layouts, there will be styles that need to apply to elements regardless of resolution.
Some defaults are required in order for widgets to render correctly.
The base style sheet handles these defaults and resolution independent styles. It was loaded by index.php from static/style/layout.css