All Products
Search
Document Center

Quick BI:Create a PC BI Portal

Last Updated:Jun 20, 2025

A BI portal is a centralized hub that consolidates various data works such as dashboards, workbooks, data dashboards, ad hoc analysis, data reporting, and downloads, along with external links, into a menu-driven interface. By creating a BI portal, you can craft intricate navigation menus for thematic analysis. This topic guides you through the process of establishing a PC BI portal.

Portal Configuration

To configure the PC portal, use the terminal slider at the top of the page and switch to the image icon.

Operation Entry

  • Click the Portal Settings icon at the top. image

  • When you are configuring the menu, you can access the portal configuration interface by clicking Portal Configuration.

    image

Basic Configuration

Configuration item

Description

Global LOGO

  • Support hiding the global LOGO.

    The global LOGO is displayed by default. After deselecting, you can hide the global LOGO.

    image

  • Support using materials or uploading custom images. The recommended size for uploaded local images is 60×60 to 180×60, within 100k.

    image.png

  • Support adjusting the LOGO size.

    image

Display main title

Support selecting whether to display the main title and configure the name and text style of the main title.

Display subtitle

Support selecting whether to display the subtitle and configure the name and text style of the subtitle.

Viewing method

  • When the navigation frame pattern is dual navigation layout, top navigation layout, the viewing method supports drop-down selection of open in current page, open in new window two methods.

    image

  • When the navigation frame pattern is left navigation layout, the viewing method supports drop-down selection of open in current page, open in new window and open by adding a tab page in the current page three methods.

    image

  • You can also choose custom viewing method for each menu page, click Go to configure to enter the menu page configuration interface.

    image

    For menu page configuration, see Menu Configuration.

Navigation Frame

Within the navigation frame, you can customize the theme mode, along with the navigation frame pattern and style.

  • Theme Mode

    Options include light mode and dark mode.

    • Light Mode

      image

    • Dark Mode

      image

  • Navigation Frame Pattern

    Choose from top navigation layout, left navigation layout, or dual navigation layout.

    image

    • Top Navigation Layout

      Configuration item

      Description

      Header navigation

      When the navigation frame pattern is set to top navigation layout and dual navigation layout, support configuring header navigation:

      • Navigation bar height

        Untitled

      • Navigation bar background

        Untitled

      • Overlay background image

        After selecting, support uploading custom images. Uploaded local images only support jpg, jpeg, png, gif, svg formats, maximum 1M.

        image

      • Tab style

        Support underline, selected word, and selected block.

      • Tab text

        Support setting regular text style, selected fill color, and selected text style. The selected fill color only takes effect in the selected block..

        image

      Drop-down menu

      When the navigation frame pattern is set to top navigation layout, support configuring drop-down menu.

      • Navigation menu area background

        Untitled

      • Overlay background image

        After selecting, support uploading custom images. Uploaded local images only support jpg, jpeg, png, gif, svg formats, maximum 1M.

      • Text display

        Support setting regular and selected fill color and text style.

        image

      • Custom menu row size

        Set the height of the menu row.

    • Left Navigation Layout

      Configuration item

      Description

      Logo display area color

      Support setting Logo display area color to solid color or gradient.

      image

      Overlay background image

      After selecting, support uploading custom images. Uploaded local images only support jpg, jpeg, png, gif, svg formats, maximum 1M.

      Panel configuration

      • Navigation bar background

        image

      • Overlay background image

        After selecting, support uploading custom images. Uploaded local images only support jpg, jpeg, png, gif, svg formats, maximum 1M.

      Menu display configuration

      • Menu selected style

        Support fill and selected block.

      • Menu level and text display

        Support setting text display style for all menu levels or specified menu levels. image.png

      • Menu name indent

        • After selecting, the lower-level menu name is indented. image.png

        • When not selected, all menu names are on one column. image.png

      • Custom menu row size

        Set the height of the menu row.

    • Dual Navigation Layout

      Configuration item

      Description

      Header navigation

      When the navigation frame pattern is set to top navigation layout and dual navigation layout, support configuring header navigation:

      • Navigation bar height

        Untitled

      • Navigation bar background

        image

      • Overlay background image

        After selecting, support uploading custom images. Uploaded local images only support jpg, jpeg, png, gif, svg formats, maximum 1M.

        image

      • Tab style

        Support underline, selected word, and selected block.

      • Tab text

        Support setting regular text style, selected fill color, and selected text style. The selected fill color only takes effect in the selected block..

        image

      Left panel menu area

      When the navigation frame pattern is set to dual navigation layout, support configuring left panel menu area.

      • Menu area background

        image

      • Overlay background image

        After selecting, support uploading custom images. Uploaded local images only support jpg, jpeg, png, gif, svg formats, maximum 1M.

      • Menu selected style

        Support fill and selected block.

      • Menu level and text display

        Support setting text display style for all menu levels or specified menu levels.

        image.png

      • Menu name indent

        • After selecting, the lower-level menu name is indented.

          image.png

        • When not selected, all menu names are on one column.

          image.png

      • Custom menu row size

        Set the height of the menu row.

Add Common Controls

Note

The process for adding common controls on the PC is the same as on the mobile terminal.

Configuration item

Description

Display footer

After selecting this option, you can specify the footer. The footer is displayed at the bottom of the content page.

Menu level breadcrumb display

After selecting this option, the menu levels are displayed at the top of the content page.

image

Menu cache

After selecting this option, when you open multiple menus, menus do not need to be reloaded when you switch between the menus.

Click directory node to select submenu

After selecting, clicking the directory node will automatically display the next level submenu.

When not selected, in the top navigation and left navigation layout, clicking the directory node will only "collapse/expand" the menu list. In the dual navigation layout, this configuration item only takes effect on the left menu.

Display full portal title

In dual navigation/top navigation, when the title is too long, it is displayed in full by default. Untitled

Portal alias

You can specify the alias of the BI portal. The specified value is added to the portal URL. For example, if you specify parameter 1, the portal alias is: https://daily.yunbi.biz.aliyun.test/product/1.htm

image

Note

Please enter content that complies with laws and regulations. Do not enter any illegal, pornographic, reactionary, or unethical information.

Menu Configuration

Note

PC menu configuration is distinct only in terms of menu display styles, while the rest of the settings are shared with the mobile terminal.

  1. Navigate to the BI portal editing page and click the desired menu to access its Configure Menu page.

    image

  2. On the Configure Menu page, configure the Portal Menu, System Features and Menu Settings.

    image

    • Portal Menu Configuration

      image

      Add a main menu to create a level-1 menu.

      ② Add submenus for level-2 and below.

      ③ Designate a menu as the homepage, which will be displayed by default when the BI portal is accessed.

      ④ Hide or delete menus as needed.

      • If a parent menu is hidden, the child menus are also hidden.

      • If you want to show a menu that is hidden, click the Hide Menu icon again.

    • System Features Settings

      You can select Menu Search and Page Full-Screen features as illustrated below.

      image

      • Menu Search

        • When Menu Search is selected and displayed, you can search for menu names.

          image

        • You can configure the background fill color, icon color, line frame color, and text style for empty state and input state of the search box.

          image

      • Page Full-Screen

        • When Page Full-Screen is selected and displayed, the page will show a full-screen button and allow full-screen operations.

          image

        • You can configure the function icon to use either materials or custom images.

          image

          Uploaded local images only support jpg, jpeg, png, gif, svg formats, maximum 1M.

          image.png

    • Menu Settings

      Configuration item

      Description

      Menu name

      The name of a menu.

      Allow collapse

      Specifies whether a menu can be folded.

      Default collapse

      Specifies the default state of a menu.

      Note

      This option can be set only when Allow menu collapse is selected.

      Node type

      Set the node type to content node or empty node.

      • If a node is specified as a parent node, you can configure this node to an empty node.

      • When a child node is added under this node, the node automatically becomes an empty node. If the node was originally a content node, adding a child node will clear the node content.

        image

      Content type

      Support setting space resources or external links. The space resources supported by the mobile BI portal include the following types:

      • Dashboard

      • Data dashboard

      • Workbook

      • Ad hoc analysis

      • Data reporting

      • Downloads

      When the space resource is a dashboard, workbook, ad hoc analysis, or downloads, you can choose whether to display the report title.

      image

      Viewing method

      Support open in current page, open in new window, and open in current page and new window three methods.

      Note
      • This option can be set only when the menu is not set to an empty node.

      • If you have selected a unified page opening method in the site configuration, you cannot customize the opening method for a single menu page. To customize the opening method for a single menu page, modify it to custom viewing method for each menu page.

        image

      Menu display style

      Support selecting display icon and configure the size of icons, menu icon in regular state and selected state, and the spacing between icons and text. image The menu icon supports using materials or custom images.

      • Use materials image

      • Custom images

        Support uploading local images (①) or uploading via image link (②). image.png

  3. Click Save.

    You can adjust the width of the left-side navigation pane by dragging it. Untitled

Theme configuration

  1. On the BI portal editing page, click the image.png icon in the upper right corner and locate the icon at the bottom to toggle between the light and dark theme modes of the BI portal.

    image

    Note

    Switching between light and dark theme modes affects the account level, not just individual modules. For instance, setting the workbook to light mode will also change compatible modules (such as dashboards and data reporting) to light mode.

    Light Mode

    image

    Dark Mode

    image

    Follow System

    Adopt the system style in custom configurations.

    image

    For more information, see System Theme Customization.

    Note

    System style settings in custom configurations are only available within Organization Management. Module-level settings take precedence over organization-level effects.