Viewing System-Generated CSS Code for Layout Templates

Use the Template Designer – CSS page (PeopleTools > Mobile Application Platform > Template Designer and click the CSS tab) to view system-generated CSS code for a layout template. The page provides a viewer to view the generated CSS file. The system uses the template name for the generated CSS file name. You can change the name as appropriate by entering a new name in the CSS Name field and saving the page.

The CSS code includes the following metadata:

  • General metadata defined on the Template Designer page.

  • Container, selector, and element metadata defined on the Template Designer - Containers page.

  • Media query metadata defined on the Template Designer - Media Queries page and sub-pages.