Tab

Prerequisites

• A project has been created by referring to Creating a Project.
• A data source has been created by referring to Connecting to a Data Source.
• A dataset has been created by referring to Creating a Dataset.
• A dashboard has been created by referring to Creating a Dashboard.

Procedure

1. In the top navigation bar on the dashboard creation page, click to create a tab.
2. Select the dataset to analyze from the Data area on the right of the dashboard creation page.
3. Select the desired visual control and click to place it inside the tab control.
4. Set the parameters based on Table 2.
5. Click OK. The system automatically updates the chart.
6. Click Save or Save and Publish in the upper right corner to save the dashboard.
   Figure 1 Tab
   

   Table 1 Basic Settings

   Parameter	Description
   Card Title	Whether to display the card title. If selected, the card title is displayed in the upper left corner of the chart.
   Text	Set the text size and click to select the text color.
   Alignment	Set the alignment mode, which can be left alignment or center alignment.
   Bottom Margin	Set the distance between the card title and the chart.
   Divider	Whether to display the divider. You can set the size, color, and bottom margin of the divider.
   Card Background	Whether to display the card background. Click to select a background color.
   Status Icon	Whether to display the status icon. You can set the display mode and color of icons. The display modes include Always display and Hover display.
   Hide Panel Operations	You can customize whether to display in the upper right corner of the chart.
   Panel No Padding	You can customize whether to cancel card padding.

   Table 2 Tab style parameters

   Parameter	Description
   Card Title	Cards can be configured with or without a title. If a title is set, it will be displayed in the top left corner of the card. If the checkbox is not selected (), the card will have no title. If the checkbox is selected (), the card will have a title.
   Text	You can adjust the font size and color of the text. To change the font size, you can either type in the desired size or use the and buttons.
   Alignment	You can align the text in the card to the left or center.
   Bottom Margin	The bottom margin of the card title can be set from 0 to 32.
   Bottom Margin of Card Title	You can adjust the bottom margin of the card title by either inputting a specific value or using the and buttons.
   Divider	Cards can be configured with or without a divider line. If the checkbox is not selected (), the card will have no divider line. If the checkbox is selected (), the card will have a divider line. You can customize the style and bottom margin of the divider line. The style and bottom margin can be set by inputting values or using the and buttons. Style: You can customize the style of the divider line by selecting a color and size within the range of 0 to 8. Bottom Margin: Set the bottom margin of the divider line by either inputting a specific value or using the and buttons. The input value must be from 0 to 32.
   Card Background	Cards can be configured with or without a background. If the checkbox is not selected (), the card will have no background. If the checkbox is selected (), the card will have a background. The background color can be set.
   Status Icon	You can customize the display style and color of the icon, which can be set to always show or show on hover. The card icon can be set to have a status or no status. If the checkbox is not selected (), the icon will have no status. If the checkbox is selected (), the icon will have a status. Status Icon: Set it to Hover display or Always display. The color is user-defined.
   Tab Styles	You can use the default tab style settings or select Custom Tab Style to customize them. Custom Tab Style supports the following options: Underline and Selected Block. Default: If not selected (), the default settings are used. Custom Tab Style: If selected (), the settings can be customized.
   Text Within Tab	Set the font size and color by either inputting a specific value or using the and buttons.
   Tab Position	The options are Left, Center, and Right.
   Custom Tab Component Border	You can retain the default settings or customize them. Customize the component border and color by either inputting a specific value or using the and buttons. Default: If not selected (), the default settings are used. Custom: If selected (), the settings can be customized.
   Tab Tags	You can add, delete, and rename tab tags.
   Show Tabs During Preview	Not selected: If not selected (), the tab is not displayed. Selected: If selected (), the tab is displayed.