Design Settings

Available from Version: 9.7 

Operating System: Browser 

In the section Designs, you will find settings regarding corporate design information, e.g. fonts and colors as well as settings regarding the Corporate Design Check behavior of empower®.

These settings apply to all empower® Components in the Office applications.

Each design is assigned to one or more Office applications. The icons indicate for which Office application a design is in use (Figure 1, “Overview Design in Use for Different Office applications”).

Figure 1. Overview Design in Use for Different Office applications

Overview Design in Use for Different Office applications

To display the complete navigation bar, select a design (Figure 2, “Navigation Bar Designs”).

Figure 2. Navigation Bar Designs

Navigation Bar Designs

To create a new design, follow the following steps:

  1. To create a new design, click on the button Add in the navigation bar (Figure 2, “Navigation Bar Designs”).

    A dialog box opens.

  2. Type in a design name in the input field (Figure 3, “Dialog Box Add Design” (1)).

  3. To assign the design to one or more Office applications, tick the checkbox next to the icons (Figure 3, “Dialog Box Add Design” (2)).

  4. To create the new design, click on the button Add (Figure 3, “Dialog Box Add Design” (3)).

    You are redirected to the overview with available settings.

Figure 3. Dialog Box Add Design

Dialog Box Add Design

To adjust the corporate design settings, click on the button Open in the navigation bar (Figure 2, “Navigation Bar Designs”).

Alternatively, you can use the icon that is displayed next to the selected design (Figure 4, “Open Design”).

You are redirected to the overview with available settings.

Figure 4. Open Design

Open Design

To rename the design or (re)assign it to Office applications, click on the button Edit in the navigation bar.

To confirm your changes, click on the button Edit (Figure 5, “Dialog Box Edit Design”).

Figure 5. Dialog Box Edit Design

Dialog Box Edit Design

If you click on the button Add or Open, the following sections for settings are available for each design (Figure 6, “Overview Available Settings for each Design”):

  • Associated Masters

  • Supported element types

  • Colors

  • Fonts

  • Font Sizes

  • CD Check Settings

  • Docs Document Check

Figure 6. Overview Available Settings for each Design

Overview Available Settings for each Design

Important

You can assign only one design to Excel, Outlook and Word. If you have already assigned a design to Excel, Outlook or Word, the checkboxes for these applications are grayed out in the dialog box and cannot be ticked.

Associated Masters

At the top of the page under Associated Masters, you can see to which masters the design is currently assigned (Figure 7, “Associated Masters”).

Figure 7. Associated Masters

Associated Masters

As soon as you have created a design, it is available to be assigned to a master. If you save a master template to the empower® Library, you will be asked which design you want to assign to the master

Supported Element Types

To select library subsections in the section Corporate Design Templates you want to add a design folder to, tick the checkboxes (Figure 8, “Checkboxes for Design Folders in the Library”).

Figure 8. Checkboxes for Design Folders in the Library

Checkboxes for Design Folders in the Library

The design folders are named in accordance with the design name and added to the subsection (Figure 9, “Design Folder in Library”).

Figure 9. Design Folder in Library

Design Folder in Library

Important

If you deselect one of the library subsections, the design folders and all its content is deleted. This action cannot be revoked.

Note

The available library subsections are not filtered when you disable features in the section Features. Ticking a checkbox for a disabled feature does not affect the empower® Environment.

Important

The section Supported element types applies to library sections in the empower® Component for PowerPoint.

The element type CD Elements refers to the section empower Elements in the empower® Library.

Colors

In the section Colors, you can define, sort and structure the design colors and specify the color usage.

To add a new color to the design, follow the following steps:

  1. To expand the drop-down menu, click on the button Add in the navigation bar and then select the option Color (Figure 10, “Option Color in Drop-Down Menu”).

    The color setting controls open.

Figure 10. Option Color in Drop-Down Menu

Option Color in Drop-Down Menu

  1. To add a color name, use the input field Name (Figure 11, “Controls Color Settings” (1)).

    This is also the display name that will be displayed when a user hovers over the colors in the color palette.

    To confirm your entry, press Enter. The confirmed color name is formatted in bold.

  2. To add the color code, either use the input field Hex or the input fields for RGB values (Figure 11, “Controls Color Settings” (2)).

    Then, press Enter to confirm your entry. The confirmed color code is formatted in bold.

  3. To configure how the color can be used, tick the checkboxes (Figure 11, “Controls Color Settings” (3)).

    In total, five settings are available:

    1. Fill – Adds this color to the available fill colors in the color picker

    2. Font – Adds the color to the available font colors in the color picker

    3. Line – Adds the color to the available line colors in the color picker

    4. Transparency – Allows transparency for the color

    5. Visibility – Displays the color in the color picker

  4. To add more colors to your design, repeat steps 1 to 4.

  5. To confirm your changes. click on the button Save.

Figure 11. Controls Color Settings

Controls Color Settings

Once you have added multiple colors to the design, you can use the buttons Move up and Move down in the navigation bar to sort the colors (Figure 12, “Button Move up and Move down”).

Figure 12. Button Move up and Move down

Button Move up and Move down

Once you have added a corporate design color to the design, the toggle button Allow only chosen colors in empower is automatically switched to On (Figure 11, “Controls Color Settings” (4)).

If you switch the toggle button to Off, a dialog box opens.

To confirm your changes, click on the button Ok (Figure 13, “Dialog Box Delete All Design Colors”).

Figure 13. Dialog Box Delete All Design Colors

Dialog Box Delete All Design Colors

To delete a single color, select the color and click on the button Delete in the navigation bar (Figure 14, “Button Delete Color”).

To confirm your changes, click on the button Save.

Figure 14. Button Delete Color

Button Delete Color

To further structure the colors in the color picker, you can set headings and empty placeholders between the color fields.

To add a heading, follow the following steps:

  1. To expand the drop-down menu, click on the button Add in the navigation bar and then select the option Heading (Figure 15, “Option Heading in Drop-Down Menu”).

    The headings input field opens.

Figure 15. Option Heading in Drop-Down Menu

Option Heading in Drop-Down Menu

  1. Type in the heading name in the input field (Figure 16, “Input Field Heading”).

Figure 16. Input Field Heading

Input Field Heading

  1. To place the heading at your desired position, use the buttons Move up and Move down in the navigation bar (Figure 12, “Button Move up and Move down”).

    Colors associated with the heading you reposition are adjusted accordingly to remain within the heading.

Figure 17. Button Move up and Move down

Button Move up and Move down

  1. To add more headings to your design, repeat steps 1 to 3.

  2. To confirm your changes, click on the button Save.

To delete a heading, select the heading and click on the button Delete in the navigation bar.

To confirm your changes, click on the button Save.

To add a placeholder, follow the following steps:

  1. To expand the drop-down menu, click on the button Add in the navigation bar and then select the option Placeholder (Figure 18, “Option Placeholder in Drop-Down Menu”).

    The placeholder setting controls open.

Figure 18. Option Placeholder in Drop-Down Menu

Option Placeholder in Drop-Down Menu

  1. To add a placeholder name, use the input field Name (Figure 19, “Controls Placeholder Settings” (1)).

    To confirm your entry, press Enter. The confirmed placeholder name is formatted in bold.

  2. To configure where the placeholder should be used, tick the checkboxes (Figure 19, “Controls Placeholder Settings” (2))

    1. Fill – Adds this placeholder to the fill color picker

    2. Font – Adds the placeholder to the font color picker

    3. Line – Adds the color to the line color picker

Figure 19. Controls Placeholder Settings

Controls Placeholder Settings

  1. To place the placeholder at your desired position, use the buttons Move up and Move down in the navigation bar.

  2. To add more placeholders, repeat steps 1 to 4.

  3. To confirm your changes, click on the button Save.

The placeholder has the same dimensions of a color field in the color picker.

Placeholders help you to distribute the colors in the color picker while being able to achieve a specific number of columns.

To delete a placeholder, select the placeholder and click on the button Delete in the navigation bar.

To confirm your changes, click on the button Save.

Note

All design colors will be taken into account, when a user executes a Corporate Design Check, even if a color is not visible in the color picker.

Color Layouts

In the subsection Color Layouts, you can define how the design colors are displayed in the color picker.

You can define the color layout for fill, font and line colors separately.

To expand the drop-down menu and change the number of color columns, click on the arrow symbol that points down (Figure 20, “Overview Color Layouts”).

You can choose all numbers between two and twelve.

The preview automatically adjusts when you change the number of columns.

This also applies to newly added colors, headings and empty placeholders.

Figure 20. Overview Color Layouts

Overview Color Layouts

Fonts

In the section Fonts, you can define design fonts.

To add a new font to the design, follow the following steps:

  1. Click on the button Add in the navigation bar (Figure 21, “Button Add Font”).

    The font input field opens.

Figure 21. Button Add Font

Button Add Font

  1. Type in the font name in the input field (Figure 22, “Input Field Font” (1)).

    To confirm your entry, deselect the input field. The confirmed font name is formatted in bold.

Figure 22. Input Field Font

Input Field Font

  1. To add more fonts, repeat steps 1 to 2.

  1. To confirm your changes, click on the button Save.

Once you have added a corporate design font to the design, the toggle button Allow only chosen fonts in empower is automatically switched to On (Figure 22, “Input Field Font” (2)).

If you switch the toggle button to Off, a dialog box opens.

To confirm your changes, click on the button Ok (Figure 23, “Dialog Box Delete All Design Fonts”).

Figure 23. Dialog Box Delete All Design Fonts

Dialog Box Delete All Design Fonts

To delete a single font, select the font and click on the button Delete in the navigation bar.

To confirm your changes, click on the button Save.

Important

Ensure you use the official registered name for an Office font for empower® to use it.

Note

To add a company font to the design, ensure the company font is installed on your device before adding it to the design.

Font Sizes

In the section Font Sizes, you can define design font sizes.

To add a new font size to the design, follow the following steps:

  1. Type a font size in the input field (Figure 24, “Controls Font Sizes” (1)).

Figure 24. Controls Font Sizes

Controls Font Sizes

  1. To confirm your entry, click on the button Add (Figure 25, “Button Add Font Size”). Alternatively, press Enter.

    The confirmed font size is formatted in bold.

Figure 25. Button Add Font Size

Button Add Font Size

  1. To add more font sizes, repeat steps 1 to 2.

  1. To confirm your changes, click on the button Save.

Once you have added a corporate design font size to the design, the toggle button Allow only chosen font sizes in empower is automatically switched to On ((Figure 24, “Controls Font Sizes” (2)).

If you switch the toggle button to Off, a dialog box opens.

To confirm your changes, click on the button Ok (Figure 26, “Dialog Box Delete All Design Font Sizes”).

Figure 26. Dialog Box Delete All Design Font Sizes

Dialog Box Delete All Design Font Sizes

To delete a single font size, select the font size and click on the button Delete in the navigation bar.

To confirm your changes, click on the button Save.

Corporate Design Check Settings

In the section CD Check Settings (CD = Corporate Design), you can define which contents on slides should be checked by the empower® Corporate Design Check.

In total, ten settings are available:

  • Title Placeholder

  • Logo Protection

  • Layout Protection

  • Font

  • Font Size

  • Font Color

  • Fill Color

  • Line Color

  • Bullet Color

  • Bullet Style

Figure 27. Overview CD Check Settings

Overview CD Check Settings

Tick the checkbox to select a setting and click on the button Save to confirm your changes.

Note

The section CD Check Settings applies to the feature Corporate Design Check in the empower® Component for PowerPoint.

Note

For further information regarding the check settings, see Settings for Checks.

For further information regarding logo and layout protection, refer to our empower® Admin Center manual.

Document Check Settings

In the section Docs Document Check, you can upload a configuration file that defines which contents in documents should be checked by the empower® Document Check.

To download and save your current configuration file to your device, click on the button Download configuration (Figure 28, “Overview Docs Document Check” (1)). The file explorer opens and you can browse and select the storage location.

To either upload a new configuration file or overwrite the current one, click on the button Upload configuration (Figure 28, “Overview Docs Document Check” (2)). The file explorer opens and you can browse and select the configuration file you want to upload.

To delete the configuration file, click on the button Delete configuration (Figure 28, “Overview Docs Document Check” (3)).

A dialog box opens.

Figure 28. Overview Docs Document Check

Overview Docs Document Check

To confirm you want to delete the configuration file, click on the button Ok (Figure 29, “Dialog Box Delete Document Check Configuration file”).

Figure 29. Dialog Box Delete Document Check Configuration file

Dialog Box Delete Document Check Configuration file

To confirm your changes, click on the button Save.

You can also check when the configuration file was last updated (Figure 28, “Overview Docs Document Check” (4)).

Note

The configuration file for the empower® Document Check is provided by empower during the onboarding. If you want to make changes to the current configuration file in use, contact your Onboarding Specialist or Customer Success Manager.

Note

The section Docs Document Check applies to the feature Document Check in the empower® Component for Word. This section is only available if you have assigned the design to the empower® Component for Word.

Was this article helpful?

/

Comments

0 comments

Article is closed for comments.