反馈已提交

网络繁忙

Data Portal Image Component

  • Last update:  2023-08-29
  • Overview

    This document is applicable to users who have installed the Data Portal plugin to learn plugin functions.

    Version

    FineBI VersionData Portal VersionFunctional Change

    6.0.2

    V1.0

    /

    6.0.3

    V1.1

    /

    Function Description

    This document introduces how to use Image Component in the data portal dashboard.

    BI图片组件预览.gif

    Adding a Component

    Log in to the decision-making platform as admin, choose System Management > Data Portal > Portal Management, and click Add Portal to create a data portal dashboard, as shown in the following figure.

     

    On the data portal editing page, click Other and click/drag Image Component to the data portal, as shown in the following figure.

     

    Component Content

    Select a component. Then you can set the component content on the right.

    Setting Content

    You can upload your local images to the data portal and use them.

    1. Upload Image: Image files in JPG, PNG, GIF, and BMP formats can be uploaded.

    2. Fill Method: The following three methods are supported.

    Fill MethodDefinition

    Original Size

    The image remains the original aspect ratio and size and fills the component from the top left corner.

    Proportion Adaptation

    The image remains the original aspect ratio with its size proportionally enlarged/reduced, and fills the component from the top left corner until it has the same width/height as the component.

    Adaptation to Component

    The width and height of the image are stretched to match the width and height of the component, respectively.

    3. Weblink: Weblink is the web address that can be opened on a new tab page when you click the image.

     

    Effect Display

    When previewing a data portal, you can click the image to directly open the weblink on a new tab page, as shown in the following figure.

    BI图片组件预览.gif

    Component Style

    Select a component. Then you can set the component style on the right.

    You can set only the component background for the component style of text components. You can set Component Background to Color or Custom Image.

    ·       Color: You can select a single color and set its transparency.

    ·       Custom Image: You can upload local JPG/PNG/GIF/BMP image files. These images are adapted to the component by default.

    For details, see Data Portal Style.

     

    Other Settings

    Deleting a Component

    Select a component and click to delete the component, as shown in the following figure.

     

    Adjusting a Component

    Hover your cursor over a component, and drag the dotted box popped up to resize and relocate the component, as shown in the following figure.

    图片组件-移动.gif

     


    附件列表


    主题: System Management
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

    feedback

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭