FVS Text Box Widget

  • Last update:May 12, 2023
  • Overview

    Application scenarios: If you have installed the FVS plugin, you can view this article to learn about functions related to FVS templates.

    Note: Mobile devices are not supported.

    Version

    Report Server Version

    Plugin Version

    Function Changes

    11.0.6

    1.8.0

    Visible on preview was cancelled, but you can hide or display components in the Widget Layer list.

    11.0.6

    1.5.0

    Textbox Widget was added.

    Function Introduction

    During template preview, you can input text manually and other components will be linked through parameters. As is shown below:

    1.2.gif

    For component animation, see FVS Component Animation.

    For component styles, see FVS Component Basic Attributes. If you want to modify the widget name, set it on the Content tab page.

    Functions

    Widget Content

    What can be set in the text box widget is shown as follows:

    2.1.png

    For details, see the table below:

    Settings

    Details

    Name

    The widget name is the parameter   name, and it is set as English by default. You can modify it according to the   actual parameter.

    Font Size

    The font size of the content in   the widget defaults to 12 px.

    Default Value

    The default content of the text   box can be set as the following three types.

    1. Custom string: Text can be   directly inputted

    2.1 1).png

    2. Field: You can select field in   the dataset. If the return value is an array, only the first value in the   array sequence will be displayed.

    2.1 2).png

    3. Formula: Click fx on the   right side to enter the formula. If the return value is an array, only the   first value in the array sequence will be displayed.

    2.1 3).png

    Watermark

    The light gray watermark text   displayed inside the widget during preview will remind you what to input. It   will disappear by default after clicking the widget to enter text. The widget   content is empty by default.

    Permission

    It is used to decide whether the   widget is editable when previewing. The default option is editable.

    Validation

    Format validation: When you fill   in the text box, there are eight validation rules.

    1. None: No rules

    2. Length: Check the length of the text and allow customized error   messages

    3. Email: Check email address format and allow customized error   messages

    4. ID Card: Check whether it is in standard ID card format, and   allow customized error messages

    5. Zip Code: Check the length of the postal code and allow   customized error messages

    6. Phone: Check the format of the fixed phone number, there are   predefined formats to choose from, and allow customized error messages

    7. Mobile phone: Check the length of the phone number and allow   customized error messages

    8. Custom: Define validation rules through regular expressions. For details, see Regular   Expression.

    It will be none by default.

    Allow null: It will be ticked   by default. If it is ticked, the widget is allowed to be null. If it is not ticked, you   can set calibrate prompt text. And if the widget is empty during template   preview, the prompt text will be displayed.

    Widget Interaction Events

    Click Interaction > Add Event to add JavaScript events for more effects. The text box widget supports After Initialization and Edit Finish events. As is shown below:

    2.2 第一张.png

    The JavaScript event settings box will pop up if you click a specific event. As is shown below:

    Note: For JavaScript supported by FVS, see JS Interface Scenarios Supported by FVS Large Screen.

    2.2第二张.png

    Examples

    Preparing the Template

    1. Click File > New FVS Report in the top left corner of the designer.

    3.1 1).png

    2. Create a database query ds1 and enter the SQL query statement SELECT * FROM Sales _Volume where Region='${area}'. Set the parameter area default value to East China, which means obtain sales data from the East China region by default.

    As is shown below:

    3.1第二张.png

    Adding Text Box Widget

    You can click Widget > Textbox to add the text box component.

    On the Content tab page of the configuration panel on the right, modify the name to area and enter East China as the default value to match the area parameter defined in the dataset. As is shown below:

    3.2.png

    Adding Column Chart

    Click Chart > Column Chart to add the component to the page, and add data with the area parameter to the column chart. As is shown below:

    3.3.png

    Previewing the Effect

    Click Save in the upper right corner, then click Preview. When the value in the text box is manually changed to North China, the column chart will display data for the North China region. As shown in section "Function Introduction".

    Template Download

    To download the template, click Textbox Example.fvs


     


    Attachment List


    Theme: FineVis Data Visualization
    • 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