Centered Display by JS During Data Analysis Preview

  • Last update:January 17, 2025
  • Overview

    Version

    Report Server Version
    11.0

    Problem Description

    Both the pagination preview and the data entry preview support options to set the report display position. However, no such option is available for the data analysis preview, where all reports are aligned to the left by default. How can you center the report during the data analysis preview?

    2025-01-15_10-25-36.png

    Solution

    You can add a Loading End JS event to center the report during the data analysis preview.

    Example

    Opening the Template

    Open the built-in template: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Advanced\BetweenCellOperation\Ranking.cpt.

    Event Addition

    Choose Template > Web Attribute > Data Analysis Setting, set Following Settings to Set for This Template Separately, and add a Loading End event in Event Setting, as shown in the following figure.

    2025-01-15_10-26-55.png

    The JavaScript codes are as follows:

    _g().centerReport();

    Effect Display

    PC

    2025-01-15_10-27-53.png

    Mobile Terminal

    The effect cannot be previewed on mobile terminals.

    Template Download

    For details, you can download the template Centered Display by JS During Data Analysis Preview.cpt.


    Attachment List


    Theme: Report Application
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

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

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

    不再提示

    7s后關閉

    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