How-tos

Configuring Cloudentity Look And Feel for the Users

This article can be of a particular interest for Cloudentity administrators who would like to configure the Cloudentity look and feel for their users and developers. The admins can find here information on what they can customize in Cloudentity UI and how to do it using the Cloudentity portal.

UI Customization in Cloudentity

Cloudentity enables you to configure the look and feel of the Cloudentity user portal and the Cloudentity developer portal. As an Cloudentity administrator, you get a dedicated view where you can set up specific graphical items and see the instant demo of the input you provide as the UI settings.

Note

In Cloudentity, you can modify the UI style per tenant, which means that your UI customization applies to all the workspaces within your organization.

Brand Appearance Page

The Brand appearance page consists of the central Preview area and the right Settings pane.

In Settings, you can configure the following:

  • Primary color
  • Header color
  • Company logo
  • Font type.

In Preview, you can check how the settings that you’ve just defined look like from the user perspective. Preview shows sample pages with your settings applied. You can switch between three displays available in Preview: Consent, User portal, and Developer portal.

Note

You can always return to the default UI configuration by selecting the Reset to default button.

Configure UI for the Users

To learn how to configure the look and feel of the Cloudentity user and developer portals, either see the video demonstrating this process or check the instruction including step-by-step configuration guidelines.

Video

Instruction

  1. In your workspace, go to Tenant Settings.

    Result

    The tenant configuration menu opens.

  2. From the tenant configuration menu, navigate to Brand appearance and configure available GUI features as needed. You can

    • Select Primary color and Header color
    • Provide the logo to be displayed in GUI by entering Company logo URL
    • Select Logo size by picking one of the available options (Small, Medium, Large)
    • Define the font type by entering Font URL
    • Get back to the default settings with the Reset to default button.

    Check Preview

    While applying your custom settings, check the Preview area to see how your modifications are rendered in the mock Cloudentity GUI. Preview shows three Cloudentity GUIs: Consent, User portal, and Developer portal. Switch between them with the Preview navigation in the top right corner (< and >).

  3. Select Save to apply your new GUI configuration.