Before you begin: There are new features available for you to style the grid/table data widget. These new options give you more control over data visualization to provide your customers a better user experience. This article walks you through the steps of how to use these new styling options.
Locate the Data Widget
1] Login to TapClicks and on the Reports menu, click Dashboards.
2] There are three ways to find the dashboard which contains the data widget you want to style:
- You can search for it by entering the name into the search box in the upper left (results appear automatically).
- Or you can click Add Filters and enter a filter parameter into the Filter textbox (results appear automatically).
- Or you can navigate through the dashboard collection using the page controls in the upper right.
3] When you locate the dashboard that contains the widget you want to style, click it.
4] Locate the data widget to style by scrolling through the dashboard.
Style the Data Widget
Style header text
5] Move the cursor over the upper right corner of the data widget. The more options icon (i.e., 3 dots) appears. Click it.
6] From the more options menu, select Edit Widget Header.
7] The Edit Widget Header popup appears.
| NOTE: The widget header has a character limit and the system will issue a warning message once it is reached. |
8] Enter/edit text in the text field and use the accompanying menu options to style the text.
9] Click the Save button in the lower right when you're finished.
Alternate table row colors
10] Click the more options icon (i.e., 3 dots).
11] From the more options menu, select Edit.
12] On the right side menu that appears, click the Styles tab.
13] Make sure the Plot type is set to Default or Grouped Column.
14] Enable Alternating Row Color? The Data Grid row colors are changed automatically.
15] Click the Save button in the lower right.
Wrap text
| NOTE: This new text-wrapping option displays all the data in a cell, even if it exceeds the column width. This enhances the user's visualization by enabling the user to view/minimize all the data in all the cells. This option only applies to Default, Heat Map, and Grouped Column plot types. |
16] Click the more options icon (i.e., 3 dots).
17] From the more options menu select Edit.
18] On the Styles tab, near the bottom, enable Wrap Text?
19] Click the Save button in the lower right.
How to Use Plot Types
To learn which plot types to use for which use cases, see Using Grid/Table Widget Plot Types: Best Practices