Parameter Panel Overview

  • Last update:  2023-10-20
  • Overview

    Version

    Report Server Version

    Functional Change

    11.0

    /

    11.0.5

    Added the Trigger Edit Exit Event function. For details, see "Attribute."

    Functions

    This document introduces the attributes of the parameter panel in general reports. For details about the introduction to the parameter panel in dashboards, see Dashboard Parameter Panel.

    iconNote:
    You can directly use widget components by dragging them into the canvas in FineVis visualization dashboards.

    Component Setting

    Add a general report and go to the parameter panel, whose attribute is shown in the following figure.

     1.png

    Attribute

    The settings of the parameter panel under the Attribute tab are shown in the following figure.

    Settings

    Explanation

    Widget Name

    You can customize the widget name.

    Label Name

    You can customize the label name.

    Background

    The default parameter background color is grey.

    To unify the styles between the parameter panel and the report or achieve other effects, you can customize the parameter panel background.

    Display Nothing Before Query

    1. Checked: In the case of defining parameters, the report is not displayed in direct preview. You need to manually click the Query button to query reports.

    2. Unchecked: You need to set a default value for the parameter. The system automatically performs the first query through the default parameter value and displays the report when you preview.

    iconNote:
    You need to set the default parameter value when checking Display Nothing Before Query, otherwise the system filters data based on the empty value in the first report display.

    Use Common Parameter Combination

    For details, see Common Parameter Combination for Templates.

    Trigger Edit Exit Event

    You can configure this option (added in FineReport V11.0.5 and later versions) after checking Use Common Parameter Combination

    Checked: The edit exit events of relevant widgets are triggered when common parameter combinations are triggered. 

    Unchecked: The edit exit events of relevant widgets are not triggered.

    Display Position

    The parameter panel can be set to display on the left, center, or right.

    iconNote:
    The parameter panel location is displayed based on the width of the parameter page, rather than the width of the browser page.

    Size

    You can customize the design width of the parameter panel.

    iconNote:
    After widgets are added on the parameter panel, if the value of the horizontal ordinate where the rightmost widget is located is greater than the design width to be modified, the modification fails.

    Event

    The Event tab page of the parameter panel is shown in the following figure.

     2.png

    Event Introduction

    There are two events that can be set—After Initialization and Click.

    • After Initialization: It is triggered after the template preview.

    • Click: It is triggered after you click anywhere on the parameter panel.

    Example for After Initialization

    1. Create a general report, add a drop-down box widget, and add an After Initialization event on the parameter panel.

     3.png

    The JavaScript code is as follows.

    alert("123")

    2. Save the template and click Pagination Preview.

     4.png

    Mobile Terminal

    The Event tab page of the parameter panel is shown in the following figure.

     5.png

    The specific introduction is as follows:

    • On Mobile Terminal, the default parameter page of the template is called through the funnel filter button on the bottom of the report. You can click the button to jump to a new page and edit the parameters. Then you can perform a query. If you are not accustomed to such interaction, you can install the top parameter panel plugin, which can fix the parameter panel on the top. For details, see [General] Top Parameter Panel Plugin.

    • Component Order: All components are displayed here. You can change component locations on mobile terminals by clicking the , , and  icons.

    Adjusting the Size of Parameter Panel

    Adjusting Height

    You can set the parameter height on the B/S end on the parameter panel.

     6.png

    You can drag the grey part (the parameter page boundary) to adjust the parameter panel height.

    Adjusting Width

    You can adjust the parameter page width (default value as 960) in Attibute.

     7.png

    Notes

    Problem

    The switch between the parameter panel and the design page is achieved by clicking the  icon in the shaded area. If the parameter page is too high, you cannot switch to the design page because of the invisible  icon. 

     8.png

    Solution

    You are advised to pull up the design page until you can view the  icon. Click the  icon to switch.

     9.gif

    Hiding Parameter Panel

    You can click the  icon to hide the parameter panel during preview.

     10.gif

    If you need to hide the entire parameter panel including the  icon, you can refer to Method to Hide Parameter Panel.


    Attachment List


    Theme: Parameter
    • 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