Top
Customize a Highlight
  • 22 Mar 2023
  • 2 Minutes To Read
  • Dark
    Light
  • PDF

Customize a Highlight

  • Dark
    Light
  • PDF

Article summary

Once you have created the Highlight project and chosen the template for it, you can start customizing your Highlight.

your title goes here

The customization options differ based on the Highlight template you choose.

You get the following options to configure,

Header

  • Under the Header section, you can edit the Header text, change the font, font size, font weight, text alignment, text color, and bottom margin. You can also add user property to personalize the experience for your end user.
    2022-12-02_17-37-44

  • You can align the Header to the top or bottom, add any content block, or delete the Header section using the action bar
    highlight_header_action_bar

Body

  • On the Body of the Highlight, you can edit the text, font, font size, font weight, text alignment, text color, and bottom margin. You can also add user property to personalize the experience for your end user.
    design_body

  • You can align the Body text to the top or bottom, add any content block, or delete the Body section using the action bar.
    delete.png

  • You can customize the button that appears on your Highlight. You can choose to have one or two buttons, adjust the button width, alignment, height, radius, and the bottom margin
    button_config

Button

  • Click the Button Actions dropdown to customize the individual buttons. You can change the button color, stroke of the button outline, text, font family, font size, font weight, and button action. You can also add user property to personalize the experience for your end user.
    individual_button

The following are the Button Actions you can configure,

Button Action Description
Dismiss When the user clicks the button, the Highlight is dismissed from the app screen
External Link When the user clicks the button, they are routed to the URL that is attached to the button
Deep Link When the user clicks the button, they are routed to the app screen within the same app that is attached to the button
  • You can align the Buttons to the top or bottom, add any content block, or delete the Buttons using the action bar
    button_action_bar

Layout

  1. On the left, click Layout.
    2023-02-06_16-48-23.png

  2. You can enable Overlay, change the Highlight color, edit the Mask and add Ripple Effect.
    layout.png

    Note

    The Mask option enables you change shape and radius of the spotlight on the Highlight.
    2023-03-16_16-35-41 1.gif

  3. Click Done.
    done_tooltip

The Highlight you create is automatically saved.

your title goes here

Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.