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 37, “Overview Design in Use for Different Office applications”).

Figure 37. 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 38, “Navigation Bar Designs”).

Figure 38. 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 38, “Navigation Bar Designs”).

    A dialog box opens.

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

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

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

    You are redirected to the overview with available settings.

Figure 39. Dialog Box Add Design

Dialog Box Add Design

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

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

You are redirected to the overview with available settings.

Figure 40. 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 41, “Dialog Box Edit Design”).

Figure 41. 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 42, “Overview Available Settings for each Design”):

  • Associated Masters

  • Supported element types

  • Colors

  • Fonts

  • Font Sizes

  • CD Check Settings

  • Docs Document Check

Figure 42. 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 43, “Associated Masters”).

Figure 43. 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 44, “Checkboxes for Design Folders in the Library”).

Figure 44. 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 45, “Design Folder in Library”).

Figure 45. 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 46, “Option Color in Drop-Down Menu”).

    The color setting controls open.

Figure 46. Option Color in Drop-Down Menu

Option Color in Drop-Down Menu

  1. To add a color name, use the input field Name (Figure 47, “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 47, “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 47, “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 47. 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 48, “Button Move up and Move down”).

Figure 48. 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 47, “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 49, “Dialog Box Delete All Design Colors”).

Figure 49. 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 50, “Button Delete Color”).

To confirm your changes, click on the button Save.

Figure 50. 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 51, “Option Heading in Drop-Down Menu”).

    The headings input field opens.

Figure 51. Option Heading in Drop-Down Menu

Option Heading in Drop-Down Menu

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

Figure 52. 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 48, “Button Move up and Move down”).

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

Figure 53. 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 54, “Option Placeholder in Drop-Down Menu”).

    The placeholder setting controls open.

Figure 54. Option Placeholder in Drop-Down Menu

Option Placeholder in Drop-Down Menu

  1. To add a placeholder name, use the input field Name (Figure 55, “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 55, “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 55. 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 56, “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 56. 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 57, “Button Add Font”).

    The font input field opens.

Figure 57. Button Add Font

Button Add Font

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

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

Figure 58. 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 58, “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 59, “Dialog Box Delete All Design Fonts”).

Figure 59. 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 60, “Controls Font Sizes” (1)).

Figure 60. Controls Font Sizes

Controls Font Sizes

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

    The confirmed font size is formatted in bold.

Figure 61. 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 60, “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 62, “Dialog Box Delete All Design Font Sizes”).

Figure 62. 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 63. 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® Brand Control 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 64, “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 64, “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 64, “Overview Docs Document Check” (3)).

A dialog box opens.

Figure 64. Overview Docs Document Check

Overview Docs Document Check

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

Figure 65. 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 64, “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.