Top
Set Z-Index for Whatfix Content
  • 06 Sep 2024
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Set Z-Index for Whatfix Content

  • Dark
    Light
  • PDF

Article summary

What is z-index property?

In CSS, the z-index property controls how the HTML elements are arranged or layered over each other. It defines the order of overlapping HTML elements. Elements with a higher index are placed on top of elements with a lower index.

The z-index property takes an integer value. For example, if you have two elements with a z-index of 0 and 1, the element with a z-index of 1 shows in front of the element with a z-index of 0.

Whatfix enables you to set the desired z-index for Whatfix elements. For example, if some underlying application element appears over Whatfix tooltips, you can set a much higher z-index value for Whatfix elements to ensure it shows up on top.

your title goes here

Z-index need not be a specific integer value. Any large integer, like 9999, ensures that the Whatfix content shows on top of the underlying application. If you want to use a specific z-index for any reason, reach out to your application developer for more information.

Use the following steps to set z-index for Whatfix content:

  1. On the Whatfix Guidance dashboard, click Settings.
    ia_left_nav_settings

  2. Click Advanced customisation.
    ia_settings_advanced%20configuration

  3. Click Technical configuration.
    ac_tech config.png

  4. Click Add preferences.
    tech config_add prefrences.png

  1. Click Common Properties.
    tech config_common properties.png

  2. Select the Z Index checkbox.
    tech config_enable z index.png

  3. Click Add.
    tech config_add button.png

  4. In the Z Index Value field, enter the desired value.
    tech config_z index value.png

  5. Click Save.
    tech config_save.png


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.