All Products
Search
Document Center

Quick BI:Tab

Last Updated:Apr 26, 2024

You can add a tab to a dashboard and add multiple tabs to display charts. This topic describes how to add and configure a tab.

A dashboard is created. For more information, see Create a dashboard and Overview.

Add a tab

  1. After you log on to the Quick BI console.

  2. Go to the dashboard edit page.

  3. In the top navigation bar, click the imageicon to add a tab control.

    image.png

  4. On the dashboard edit page, perform the following operations based on your business requirements:

Configure a tab

  • Configure a tab name.

    On the canvas, click a tab and enter a title for the tab.

    image

  • Add a tab.

    image

  • Adjust the position of a tab.

    Move the pointer over the target tab. When the 1icon appears on the left side of the tab, drag and drop the tab to adjust the position of the tab.

    tab拖拽

  • Copy the current tab.

    Move the pointer over the target tab page, click the icon on the right side 1of the tab page, and select Copy to copy the tab page.

    image

  • Delete the current tab.

    Move the pointer over the tab page that you want to delete, click the icon on the right side 1of the tab, and select Delete to delete the tab.

    image

Configure the style of a tab

  • In the Title and Card section, configure the Title, Tab Style, Note, and Endnote settings.

    Style Content

    Description

    Title

    Set Show Main Title and configure Title Content, Text Style, and line separator.

    image.png

    Tab Style

    Custom Tab Style

    Custom Tab Style: underscores, line separator, Selected Block, and Capsule Slider.

    10.gif

    Text in Tab

    When custom Tab Style select underscores, line separator, when a block is selected, supported settings selected font style and no font style selected.

    image.png

    Text

    If you set Custom Tab Style to Capsule Slider, you can set the Font Size, Unselected, and Selected Font Style. image.png

    Slider

    If you set Custom Tab Style to Capsule Slider, you can specify the fill color and border color of the slider. image.png

    Background information

    If you set Custom Tab Style to Capsule Slider, you can set the background color and border color. image.png

    Height

    If you set Custom Tab Style to Capsule Slider, you can set the height of the tab to Adaptive or static field based on the font size of the text. image.png

    Fillet

    If you set Custom Tab Style to Capsule Slider, you can set the radius of the tab. image.png

    Tab bottom line separator

    image.png

    Tab Layout

    Left, Center, and Right are supported.

    11.gif

    Top Tab Title

    Tab title is supported.

    If more than one screen of tab content needs to be scrolled, the title area is fixed at the top of the screen after this option is selected.

    12.gif

    Tab inner condition follow top

    You can place a filter bar for a tab in the upper part of the tab.

    13.gif

    Note

    You can select Tab inner condition follow top only when Top Tab Title is selected.

  • In the Labels section, configure tabs.

    image.png

    • Add Tab (①): Click the button to add a tab.

    • Insert Query Condition (②): Click the imageicon. In the dialog box that appears, configure query conditions on the Query Condition Settings page. For more information, see Create a query control in a tab.

    • Copy (③): Click the imageicon to copy the current tab page.

    • Hide: Click the imageicon to hide the tab.

    • Delete: Click the imageicon to delete the tab.

    • Adjust the tab order (⑥): Drag and drop the icon on the left side imageof the tab to adjust the tab order in the current list.

    • Label Width (⑦): Set the label width to adaptive or fixed.

    • Note (⑧): You can specify a description for the tag.

Manage a tab

Click the icon in the upper-right corner 更多of the tab control, you can copy, paste, and other operations.

image.png

You can also use shortcut keys to quickly perform related operations on the tab. The shortcut keys vary based on operating systems.

Feature

Shortcut key (Windows)

Shortcut key (macOS)

Copy

Ctrl+C

Command(⌘)+C

Paste

Ctrl+V

Command(⌘)+V

Delete

Backspace(←) or Delete

Delete(⌫)