[General] Mobile Pop-Up

  • Last update:  2024-05-13
  • Overview

    Version

    Report Server Version
    App VersionHTML5 Mobile Display Plugin  VersionFunctional Change

    11.0

    V11.0

    V11.0

    /

    V11.0.91

    V11.0.91

    The data entry pop-up on mobile terminals supports the CPT template.

    Application Scenario

    If hyperlinked sub-reports with little content exist in the report, you want to view them directly in a pop-up on the current page and then close the pop-up to continue viewing the main template.

    Sometimes some explanatory content (such as the indicator definition/calculation method and chart definition) needs to be added to the template.

    You can use the Mobile Pop-up function to display hyperlinked templates and text annotations on the current page.

    iconNote:
    You can also implement this scenario through JavaScript events.

    Function Description

    Mobile Pop-up allows the hyperlinked template to be displayed as a pop-up, and the pop-up style and content to be customized. 

    iconNote:
    You can use the mobile pop-up in both general reports and dashboards. The pop-up effect is supported on both the DataAnalyst app and HTML5 terminals.

    Function Entry

    You can set Mobile Pop-up in Hyperlink and Event as shown in the following figure.

    The following table shows the specific usage scope.

    Classfication
    Usage Scope

    Hyperlink

    Cell > Hyperlink

    Cell > Condition Attribute > Hyperlink

    Event

    Cell Widget > Event

    Body widget in dashboards > Event

    Web Attribute > Pagination Preview & Data Entry Preview > Event Setting 

    iconNote:
    Text pop-ups are not supported in web events.

    Parameter Page > Event

    iconNote:
    Currently, charts do not support Mobile Pop-up.

    Example Template

    You can download the template:_sub_Drill Down_Order_mobile.rar.

    Center Pop-up

    On the setting page of Mobile Pop-up, select Template for Format. The pop-up will be centered on the mobile device.

    Function Description

    When you select Template for Format, the following figure shows the mobile pop-up setting page.


    When you select Template for Format, the following table describes each attributet.


    Attribute 
    Note

    Template

    You can select the template to be linked, which supports general reports and dashboards.

    Parameter

    Template parameters can be transferred.

    Style

    When you select Template for Format, Center Pop-up is the fixed type.

    Border

    You can set Line, Color, and Rounded Corner for the pop-up border.

    Background

    You can customize the background color of the pop-up and the opacity of the background color.

    Pop-up Size

    By default, Mobile Rule and Pad Rule are set to Custom. In this case, you can set the size of the pop-up in the width and height adjustment widgets below (in percentage form, for example, xx% of the screen width occupied by the pop-up width).

    When seting Mobile Rule and Pad Rule to Height Adaptation, you can set the percentage of the pop-up width to the screen width.

    iconNote:
    1. When you set Pop-up Size, the input will be restricted if the width and height values entered exceed the maximum or minimum limit.
    2. The value of Radius ranges from 0 to 24 (default value: 4).

    Effect Display

    Taking the pop-up effect of the cell hyperlink as an example, this section introduces the preview effect of the mobile pop-up on the DataAnalyst app.

    Single Hyperlink

    When Format is set to Template for a single hyperlink in a cell, the following figure shows the effect on mobile terminals.

    Multiple Hyperlinks

    When Format is set to Template for multiple hyperlinks in a cell, the following figure shows the effect on mobile terminals.

    Follow Pop-Up

    On the setting page of Mobile Pop-up, select Text for Format. The pop-up will be displayed following Hyperlink/Event.

    Function Description

    When you select Text for Format, the following figure shows the mobile pop-up setting page.


    When you select Text for Format, the following table describes each attribute.

    Attribute 
    Note

    Text

    You can define the textcontent (supporting formula input and line breaks \n) when you select Text. You can select the text font and color and set Bold, Underline, and Italic.

    Style

    When you select Text for Format, Follow Pop-up is the fixed type.

    Border

    You can set Line, Color, and Rounded Corner for the pop-up border.

    Background

    You can customize the background color of the pop-up and the opacity of the background color.

    Pop-up Size

    By default, Mobile Rule and Pad Rule are seted to Custom. In this case, you can set the size of the pop-up in the width and height adjustment widgets below (in percentage form, for example, xx% of the screen width occupied by the pop-up width).

    When selecting Height Adaptation for Mobile Rule and Pad Rule, you can set the percentage of the popup width to the screen width.

    iconNote:
    When you set Pop-up Size, the input will be restricted if the width and height values entered exceed the maximum or minimum limits.

    Effect Display

    Taking the pop-up effect of the cell hyperlink as an example, this section introduces the preview effect of the mobile pop-up on the DataAnalyst app.

    Single Hyperlink

    When Format is set to Text for a single hyperlink in a cell, the following figure shows the effect on mobile terminals.

    Multiple Hyperlinks

    When Format is set to Text for multiple hyperlinks are created in a cell, the following figure shows the effect on mobile terminals.

    Notes

    Mobile Pop-Up of the Data Entry Template

    CPT template

    The CPT template allows you to enter data through pop-ups in CPT templates on mobile terminals.

    There are two setting methods: Suffix the template URL with &op=write or add the template parameter op=write.

    Network Request Failure

    Problem

    If too many template parameters are transferred or some parameter values are too long in the mobile pop-up, an error message indicating network request failure is displayed.

    Solution:

    Suffix the template URL with the parameter &_method=POST to transfer parameters through POST, as shown in the following figure.

    iconNote:

    The parameter POST must be all capitalized and will work properly only when concatenated at the end of the URL.


    Attachment List


    Theme: Fine Mobile
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy