Top
Hub Customizations
  • 18 Nov 2024
  • 2 Minutes To Read
  • Dark
    Light
  • PDF

Hub Customizations

  • Dark
    Light
  • PDF

Article summary

The Hub widget can be customized to change its appearance and how end users interact with it. Hub can be customized from the Style section of the dashboard.
Use the following steps to customize Hub:

  1. On the Whatfix guidance dashboard, click Style.
    hub_style.png

  2. Click Panel.
    Hub_Panel

Hub customizations are of the following types:

  • Appearance: Enables you to change the color, text, and position of Hub.
  • Attention: Provides animation options for Pin and customizations for the Hub nudge message.

Appearance

To view the customizations available for the appearance of Hub, click the Appearance tab.
sh_style_appearance.png

Change the color of Hub

Change the color of Pin and Hub panel. In the Color accordion, click the color icon next to Theme color. Select a color among the preset colors, or provide a hex value.

Edit the text in Explorer

In the Panel accordion, change the text in Explorer.

Edit the text on Pin

In the FAB accordion, modify the input box next to Text.
hub_pin_text.png

This changes the text that appears when you hover your cursor over Pin.

Change the Pin icon

Use the following steps to change the Pin icon:

  1. In the FAB accordion, next to Icon, select the Custom option.
    hub_custom_icon.png

  2. Click Choose Icon and select the file you want to upload as the Pin icon.

Change the default position of Pin

In the FAB accordion, next to Position, choose one of the 2 available position options. Pin appears in this position for all end users by default. However, end users can change the position of Pin by dragging and dropping it to their preferred location.

hub_default_position.png


Attention

Click Attention to view customizations attention-related customizations.
sh_style_attention.png

Enable or disable animations for Pin

In the Animate icon accordion, toggle Enable on. Select amongst three animation options:

  • Ripple
  • Flash
  • Pulse

View the animation for each of these options in the preview beside the accordion.

Change how many times the animation happens by changing the Number of times to be shown count.

apphub_animations.png

Enable or disable nudges on Hub

Nudges appear when end users first see Hub. A nudge is a tool-tip that displays on Hub notifying the end user about the feature. To enable it, in the Nudge accordion, toggle Enable on.
apphub_nudges.png

In the Show message tool-tip on, choose between showing the nudge on Pin and showing the nudge on the Hub panel.
show_nudge_tooltip_on.png

Change the message shown on the tool-tip.
tooltip_message_nudge.png

Choose how many times the nudge appears using the Number of times to be shown dropdown.
number_of_times_nudge.png

Change the text on the button that end users click to acknowledge and close the nudge in the Button Text section.
nudge_button_text.png


Once you are done customizing Hub, click Save.
style_click_save1


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.