Customize a widget

Layout Shape

Custom widget shape

  1. Go to the Preference Management tab, in the left menu.
  2. Go to the widgets tab.
  3. Choose the widget you want to custom.
  4. Click on the pen icon on the same line as the widget you want to custom.
  5. Click on Look & Feel. The Look & Feel window is located on the right side of your screen.
  6. Go to the Layout Shape section.
  7. Select the shape between: Smoothed, Rounded, and Squared.

Card content (1)-1

Theme

You have the possibility to select an existing theme to quickly add style to your widget, or to create a new one by yourself.

Select widget theme

  1. Go to the Preference Management tab, in the left menu.
  2. Go to the widgets tab.
  3. Choose the widget you want to edit.
  4. Click on the widget's name or on the pen icon, on the same row as the widget you want to edit.
  5. Click on Look & Feel. The Look & Feel window opens on the right side of your screen.
  6. Go to the section Layout Colors.
  7. Select the theme you want between these four: Default, Lagoon, Ocean and Sunset.

Default

Custom widget theme

In the Preference Management Platform, you also have the possibility to customize the theme of your widget, to match your brand identity.

  1. Go to the Preference Management tab, in the left menu.
  2. Go to the widgets tab.
  3. Choose the widget you want to custom.
  4. Click on the widget's name or on the pen icon, on the same row as the widget you want to custom.
  5. Click on Look & Feel. The Look & Feel windows is located on the right side of your screen.
  6. Go to the section Customized colors.

customized_colors

In this section, you can select the colours you want for your widget by yourself for these areas:

Area Impacted items
Header Main title, description text, User e-mail, User history
Section title All the section titles between the cards
Card title Card titles
Card body copy Card body copy
Selection buttons Radio buttons, checkboxes cards
Save button Save button
Footer Success icon, Thanks message, Manage cookie button
Background Background of the widget

The colours are in hexadecimal format, for example: #F56B2A.

To choose a colour:

  1. Choose a section. For example: Section title.
  2. Click on the hexadecimal colour code. A colour picker opens.
  3. Play with the pipette or your cursor to find the colour that matches your expectations. You can also directly entrer the hexadecimal code.