Design

Back Next

Guide Appearance

Use the

Configure Guides

page to specify guide themes and manage guide images at an organizational level.

Use the tabs on the

Configure Guides

page to configure guide settings.

Themes: Select from a list of inbuilt themes to configure your guide. You can select one of the following inbuilt themes:
Blueray
Default
Lightning
Redmond
Vader

The following image shows the
Configure Guides
page with the
Lightning
theme selected in the
Theme
tab:

Click
Show Style Editor
to view and edit the CSS for a guide step, paragraph, or character in the theme. You can use any CSS property normally available for the element type.

For example, to change the color of the steps header text to blue, set the following CSS:

aesf-theme div.aesf-theme-instructions-header h1 { color:blue; }

When you select, configure, and save a theme, it applies to all guides in your organization.

Images: Use the
Images
tab to view and edit icons that you want to use in guides.

The following image shows the
Configure Guides
page with the
Images
tab selected:

When you click
Add Image
at the top of the
Images
tab, the
Add Image
dialog box opens. You can upload
.gif
,
.jpg
,
.jpeg
, or
.png
images from your system to the
Application Integration
image library.