The Design tab provides capabilities to further tailor the appearance of specific widgets on your page. You can make the widget stand out more by modifying the background and changing fonts. Widget design is based on your pre-determined page theme, so your page’s design is always cohesive and put together.
| REQUIRED USER ROLE | |
|---|---|
| To design your widget | Admin and Power User |
- Go to the widget you’re designing. Make sure you’re in edit mode.
-
Select the Design tab. You can use these widget design options:
Display Define how widgets are displayed on the page.
- Hide in view mode — Toggle on to hide the widget when viewing the page in view mode. Hidden widgets remain in the same place on the page but aren't visible when in view mode. It’s recommended to place hidden widgets at the end of the page to avoid empty space.
- Position — Set the style of the widget’s layout. You can
choose from three types of styles:
- Fixed — Keeps the widget in the same place on the page.
- Sticky — Fixes the widget to the top of the page, where it remains when users scroll.
- Float — Floats the widget on top of your existing widgets on the page, where it remains when users scroll.
- Size — Adjust the size of a widget by clicking and dragging its edge.
Background Adjust the widget’s background display, such as the color, opacity, brightness, and shape of the corners. Fonts Adjust the fonts featured in your widget, including for the headings and axis. Interactions Add extra configurations to the widget. The three options are:
- Drill Down — Allows your data to be viewed at a lower granularity.
- Highlighting Rules — Allows you to highlight values within your widget.
- Calendar Events Tags — Allows you to add an event label to your widget to emphasize surges or drops in the data. For example, you can tag a huge surge in sales during Black Friday as “Black Friday” on your graph.
Advanced Add Custom Cascading Style Sheets (CSS) to your widget. - Save your changes.