Adding Custom Styles to Apps

Arcadia Instant supports several options for custom styling on apps:

To change the options for custom styles on apps, follow these steps:

  1. In the Edit mode for an app, select the Settings tab.
  2. These options affect the appearance of an app when it is externalized (or launched) as a stand-alone application.

    changes to app under Settings tab
  3. Under the General heading, you can select these options:

    • Display menu on left moves the menu from the default position across the top of the application.
    • Enable navigation to the Visuals page by clicking on logo does just that.
    general settings for app as externalized
  4. Make changes to CSS classes for this app, as described in Adding CSS Classes to Apps.
  5. Make changes to included styles for this app, as described in Adding Included Styles to Apps.
  6. Make changes to CSS inline styles for this app, as described in Adding Inline CSS code to Apps.
  7. Click Save to save the changes to the app.

    save app
Tip. The following video demonstrates how to customize an app logo with CSS template.