Applying Custom Mobile Styling

The Style Editor lets you override the default appearance of model content on mobile devices. You cannot use Style Class Attributes for this purpose, as they are not compatible with Enterprise Server.

Styles are applied to phone and tablet devices independently, allowing you to create a completely different style for your apps depending on which type of device is used to view them. You can also use expressions to determine when a style should be applied.

The Style Editor can be used to modify both questions and question groups:

  • Question - Access the question's Properties tab and click the Style Editor button.

Accessing the Style Editor for a question.

  • Question Group - When creating or editing the group, switch to its Options panel and click the Style Editor button.

Accessing the Style Editor for a question group.

Both of these methods will open the Style Editor window, where you can manage the Style Attributes assigned to your content. Each attribute controls one or more aspects of the selected content's appearance, and includes distinct settings for phone and tablet devices.

Each style attribute is assigned a Trigger Type, which determines when the associated styles will be applied:

  • Load - The styling will be applied when the question group loads. Only one attribute of this type can be added to any given content item.
  • Update - The styling will only be applied when a specific expression evaluates as True during a postback. This option is not available to question groups, nor is it compatible with all style options.

The Style Editor window.

You can configure style attributes using specially formatted code known as JSON.

To learn how to add and modify mobile style attributes, refer to the following topics:

Description Further Reading
Create a style attribute using a special interface. Creating a Mobile Style Attribute
Make changes to the selected style attribute. Editing a Mobile Style Attribute
Permanently delete the selected style attrbute. Deleting a Mobile Style Attribute