This article introduces theming capabilities in Presentation Manager.
Note: We’ve made several updates to theming as part of the AXIS 10 release and the launch of the new Deltatre Apps. Please select the relevant accordion below for more information.
AXIS 10 onwards
Compatibility note: For customers using AXIS 10.0 onwards with the Deltatre Apps, Global, Asset (including Links), and Page themes are now managed by our Design system.
AXIS Presentation Manager supports row types that enable branding, enhancing the appearance of lists, making them stand out on a busy page.
💡 To learn how to configure row branding within AXIS Presentation Manager, refer to our how to use branded rows article. In branded rows, theming continues to work as it did for AXIS 9 and earlier, as below.
AXIS 9 and earlier
This section explains how to customize the background, foreground, and other themes for assets within AXIS Presentation Manager version 9 and earlier, alongside carrying out accessibility checks. Theming can be used in the context of setting up a branded row - for more information on branded rows, visit our how to use branded rows article.
Themes can be configured for Pages, Rows, and Menus, in addition to the following Assets: Items, Channels, and Links.
Note: The theme feature can but turned on/off and restricted to specific user groups by the superadmins within the configuration settings.
Asset theming
To configure a theme at an asset level, select Assets > Items, and then select the asset you want to change.
Below you can see the background theme, however, you can configure foreground and other themes in the same way.
To choose a theme:
Select the
icon to display theme options.Select one of the icons to specify the color input method:
| Select the |
| Select the |
| Select the |
| If recorded, other image type swatches are available and display as options. |
icon to select a color or enter color Hex code.
icon to use the color picker and specify transparency or enter color Hex code.
icon to view a color swatch taken from the images saved to the asset or enter color Hex code.
The color selected is your primary color. You may now add secondary and tertiary colors in the same way.
Drag and drop the colors to change the order:
Below is an example of a burgundy-colored branded row on the front end:
Accessibility check
Carry out an accessibility check on two selected theme colors within the same category (Background, Foreground, or Other) in order to establish whether there is enough contrast. This is a very important stage when choosing colors, to comply with accessibility standards.
Hover over the two colors you wish to compare and select the
icon on each. A tick icon indicates the two colors undergoing the accessibility check.
2. To the right of the screen, view the Accessibility check results.
| An example of a suitable color contrast. |
| An example of unsuitable color contrast. |
Delete a color
Hover over the color you wish to delete and click the 
icon. This removes the color from your theme.
Accessibility check levels
The following are the conformance levels given in Presentation Manager as per the Web Content Accessibility Guidelines (WCAG) 2.0 guidelines:
Level A: This is the minimum level of conformance. It includes the most basic web accessibility features.
Level AA: This level includes all Level A and AA requirements. Many organizations strive to meet Level AA as it is considered the mid-range conformance level.
Level AAA: This is the highest level of conformance and includes all Level A, AA, and AAA requirements.
Fail: Does not meet the minimum requirements.