Top
Configure Style and Tooltips
  • 08 Oct 2024
  • 2 Minutes To Read
  • Dark
    Light
  • PDF

Configure Style and Tooltips

  • Dark
    Light
  • PDF

Article summary

A style is a combination of colors, fonts, and sizes that create the overall look and feel of a product. This includes color schemes and style elements. Whatfix enables Account Managers and Content Managers to customize the look and feel of the Whatfix content.

Use the following steps to access and configure themes:

  1. On the Whatfix Guidance dashboard, click Style.
    ia_left%20nav_style

  1. Choose the content for which you want to configure style.
    CLM_themes_choose content

  2. The Style section of Flows offers the following customizations that can be enabled across all Whatfix content.

  • Tool Tip: Configure tip appearance, select a color, format font, and text sizes, customize tip shapes and buttons.
  • End Message: Enable or disable the end message. Select colors, font sizes, and more for your end message text for all Flows. For more information, see Customize the end message of a Flow.
  • Automation: Enable or disable the Flow Automation Pop-up, show or hide information regarding when the user's input is required, and configure the background opacity. For more information, see Configure the Flow Automation pop-up.
    Flow_theme.png
  1. Expand Interaction and configure the following:
  • Back Button: Enable or disable the back button toggle.
  • Step Number: Enable or disable the step number toggle.
  • Flow Name: Enable or disable the flow name toggle.
  • Next: Enable or disbale the next button toggle.
  • 'Next' button icon: Enable or disable the next button icon toggle.
    Flow_interaction
  1. Expand Appearance and select a tool tip theme from the available options.
    Change_appearance

    Configure the following:

    • Color: Select a tip color from the existing color picker or enter the hex code of the desired color.
    • Close (X) color: Select a color for the X icon from the existing color picker or enter the hex code of the desired color.
    • Corner Radius: Add rounded corners for your tips.
    • Title: Select font size, color, and style of the Tool Tip Title.
    • Description: Select font size, color, and style of the Tool Tip text.
    • NEXT Button: Configure the button color, text color, hover button color, and hover 'Next' color.
    • Flow Name Text: Select the Flow Name text style, font size, and color.
      Flow_appearance.png
Note

All colors and fonts can be customized in each appearance.

  1. Click Save to save the changes.
    Click_save.png
your title goes here

If you click Discard changes, all the modifications you've made to the content will be lost, and the page will revert to its previous saved state.
Click_Discard

your title goes here

To customize fonts for your content and widgets, see Customize fonts in Whatfix content or widgets.

your title goes here
  • When you perform a Push to Production action, the style changes reflect in the Content and Widgets that are in the Production Stage.

  • If there are existing Content and Widgets created using the default Whatfix styles in Draft and Ready Stages, the new style changes are applicable to them in the Draft and Ready Stages post saving the style changes.

  • Post new style changes, the Content and Widgets created in the Draft Stage are created using the new styles configured.

  • Customized Style changes have to be pushed to the Production Stage with their respective Content and Widgets from the Ready Stage.


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.