User interface design

Here you will learn how to adapt the design of the user interface per reseller to the reseller's corporate design. This allows resellers to present themselves to their customers in VIER Cognitive Voice Gateway in their familiar look and feel.

Create user interface design

How to create your own user interface design:

Requirement

  1. You have the reseller administrator role.
  1. In the navigation bar under Product configuration, click User interface design.
  2. Click .
  3. Under Name of the user interface design enter a name for your design.
  4. If you want to set the colors for the light version of the user interface design, select Light design. If you want to set the colors for the dark version of the user interface design, select Dark design.
  5. Enter the desired color values.
  6. or
    To assign the color values, click on the respective color bar. You can set your own color values for the following elements:
  7. Main color
  8. 1. accent color
  9. 2. accent color
  10. Success messages
  11. Warning messages
  12. Error messages
  13. Information messages
  14. Typography
  15. If you want to use an advanced color design instead of the simple color design, slide the switch from Simple color selection to Advanced color selection. With Simple color selection, the light and dark colors are calculated automatically. With advanced color selection, you can set the light and dark colors individually.
  16. To use your brand image, click Manage brand images. You can choose your own logo for light user interface design, your own logo for dark user interface design and your own favicon respectively.
  17. To see the latest changes to your design, click Show preview. If you want to exit the preview, click Hide preview.
  18. Under Preview components, you can choose which specific elements the preview will be applied to:
  19. Input fields
  20. Typography
  21. State messages
  22. Buttons
  23. If you want to make your user interface design available to all your users, slide the switch to Activate design.
  24. Click Save.
  1. Your user interface design has been created.
  2. User interface design

Edit user interface design

How to edit your own user interface design:

Requirement

  1. You have the reseller administrator role.
  1. In the navigation bar under Product configuration, click User interface design.
  2. Click on the design you want to edit.
  3. Make your changes.
  4. Click Save.
  1. Your changes have been saved.

NOTICE

notice

Activation of a design

Only one design can be active. As soon as a design is set to "active", the design that was previously active, if any, is deactivated.

TIP

info

Deactivation of a design

When a design is deactivated, the default design is displayed.

Delete user interface design

How to delete your own user interface design:

Requirement

  1. You have the reseller administrator role.
  1. In the navigation bar under Product configuration, click User interface design.
  2. Click on the design you want to delete.
  3. Click Delete.
  4. Click Confirm.
  1. The user interface design has been deleted.