Successfully!

Error!

[General] Mobile Terminal Supports Absolute Layout Block

  • Last update:  2021-12-14
  • I. Version

    Report server version  App  Vsersion  HTML5 Report display
      10.0  v9.3 v10.0

    II. Description

    1. Application scenario

    The mobile terminal supports nesting of absolute layout blocks in the body, which makes report production faster and more convenient.

    The layout of the body is set to adaptive layout or absolute layout. Drag an Absolute layout block into the body or drag an Absolute layout block into the Tab component, and it can be displayed on the mobile terminal.


    2. Function introduction

    The absolute layout block attributes interface is shown in the figure below::

    1.png

    Note: The detailed introduction can be clicked::Absolute Layout Block

    III. Example

    1) SelectFile>New Dashboard, and add a dataset: SELECT * FROM Sales_Volume, as shown in the figure below:2.png

    2) Drag theAbsolute layout block1 andColumn chart into the report, drag thePie chart andAbsolute layout block2 intoAbsolute canvas block1, and drag alabel widget into the Absolute layout block2, as shown in the following figure:

    3.png

    IV. Mobile effect

    1. As a component

    The absolute layout block is regarded as a whole component, the components in the absolute layout, or the absolute layout block is nested, all retain the layout-absolute layout display

    1) When the body is set to re-layout, the absolute layout block retains the layout as a whole to be arranged, as shown in the following figure:

    4.png

    2) When the layout is retained, the body is set toAdaptive layout> Two-way adaptive orAbsolute layout> Area fit, and the width and height are distributed proportionally, as shown in the figure below

    5.png

    3) When the layout is retained, the body is set toAdaptive layout>Horizontal adaptive orAbsolute layout>Fixed size, and the width and height are scaled in proportion, as shown in the following figure:

    6.png


    2. As a container

    The component zoom logic inside the absolute layout block is set as shown in the figure below:

    7.png

    1) Aera Fit: All components in the absolute layout block are distributed proportionally, all displayed, there is no scroll bar

    2) Area Fixed : All components in the absolute layout block are scaled proportionally, and there are scroll bars that cannot be displayed

    Note: The absolute layout block in the absolute layout block has the same zoom effect.

    Note: The component interval in the absolute layout block is displayed according to the ratio of the interval between the components when the dashboard is made.

    Note: Tab and absolute layout blocks do not support hiding. The components in absolute layout block, including widgets, charts, and report blocks, support hiding but will show blank spaces.

    Note: Tab and absolute layout blocks do not support full screen. The components in absolute layout block, including charts and report blocks, support full screen.

    V. Completed template

    The completed template can be found at: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Dashboard\Absolute_layout_ block.frm

    Click to download the template:

    Absolute_layout_ block.frm

    Attachment List


    Theme: Fine Mobile
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback