Text Field Widget

  • Last update:  2023-10-26
  • Overview

    Version

    Report Server Version

    App Version

    Functional Change

    11.0

    /

    /

    11.0.21

    11.0.85

    Added the Allow One-Click Clearance and Show Word Count functions on the Mobile Terminal tab page.

    Application Scenario

    Data Entry Widget

    You can enter multiple lines of text information and fill in data through the Text Area Widget in data entry reports.

     1.png

    Parameter Widget

    You can enter multiple lines of text information and query parameters through the Text Area Widget on the parameter panel.

     2.png

    Notes

    1. Text Area Widget supports wrapping. You can wrap by pressing Ctrl + Enter on the data entry preview page, or by pressing the Enter key on the parameter panel and in dashboards.

    2. The line break in the Text Area Widget can be submitted for storage. But the wrapping effect can be viewed only in template previews, rather than in databases and template datasets.

    3. You cannot undo an action by pressing Ctrl + Z in the Text Area Widget.

    Adding Methods

    Data Entry Widget

    Select a cell, click Widget Setting on the right attribute panel, and choose Text Area Widget from the drop-down menu of Select Widget.

     3.png

    Parameter Widget

    Drag the Text Area Widget from the widget toolbar into the parameter panel.

     4.png

    Widget Introduction

    Attribute

    Data Entry Widget

    The following figure shows the attribute setting page of the Text Area Widget.

     5.png

    The following table introduces the settings of each attribute in detail.

    iconNote:
    You can set the default value by adding a value in a cell when you use the text area widget in the data entry.


    Classification

    Settings

    Introduction

    Basic

    Widget Name

    Name (empty by default) of the widget. It is manually entered and usually used in conjunction with parameters. For example, you can pass the widget value to the corresponding parameter after the widget is obtained through the widget name.

    Available

    Determines whether the widget is available.

    Checked (default setting): The widget is editable in the data entry.

    Unchecked: The widget is grayed out and not editable.

    Visible

    Determines whether the widget is visible.

    Checked (default setting): The widget is displayed on the data entry page.

    Unchecked: The widget is not displayed on the data entry page.

    Advanced

    Watermark

    Displays light gray watermark texts in the widget during the data entry. You can manually enter the needed prompt information in Watermark (empty by default). The watermark disappears after you click the widget editing area.

    Validation

    Allow Null

    Determines whether the widget can be empty.

    Checked (default setting): The widget can be empty. Unchecked: A prompt appears in the data entry validation and submission.

    Error Tip

    Appears when Allow Null is unchecked, allowing you to customize the prompt message. The default message is: "Can not be null."

    Filling Rule

    Includes rules that need to be met when you enter values in a widget. An error message pops up if the rules are not met.

    The following shows three supported validation rules:

    1. None (default): No validation rules

    2. Length: allows you to customize the length range of the text area and validate the multiple-line text length.

    3. Custom: allows you to customize validation rules through regular expressions. For details, see Regular Expression.

    Parameter Widget

    The following figure shows the attribute setting page of the Text Area Widget.

     6.png

    The following table introduces the settings of each attribute in detail.

    Classification

    Settings

    Introduction

    Basic

    Widget Name

    Displays the name (default value as textArea#) of the widget. It is manually entered and usually used in conjunction with parameters. For example, you can pass the widget value to the corresponding parameter after the widget is obtained through the widget name.

    Available

    Determines whether the widget is available.

    Checked (default setting): The widget is editable in the data entry.

    Unchecked: The widget is grayed out and not editable.

    Visible

    Determines whether the widget is visible.

    Checked (default setting): The widget is displayed on the data entry page.

    Unchecked: The widget is not displayed on the data entry page.

    Advanced

    Label Name

    You can use the label name to achieve the label function on mobile terminals, because the widget label attribute is supported and the Label Name attribute of general widgets can be recognized on mobile terminals. The Label Widget on the parameter panel is not supported on mobile terminals.

    Widget Value

    Displays the default value (empty by default) during the widget initialization. String, Field, and Formula are supported.

    String: includes characters and texts. Strings containing multiple whitespace characters (such as "New York           California") wrap around in the Text Area Widget.

     7.png

    Field: includes dataset fields, such as the Region field of the dataset ds1. Datasets include template datasets and server datasets.

     8.png

    Formula: includes formulas supported by the designer, such as the following formula through which the value of the cell A1 can be obtained.

     9.png

    Watermark

    Displays light gray watermark texts in the widget during the data entry. You can manually enter the needed prompt information in Watermark (empty by default). The watermark disappears after you click the widget editing area.

    Font Size

    Includes the size of the font (default value as 12) entered in the text box.

    iconNote:
    This function is not supported on mobile terminals.


    Validation

    Allow Null

    Determines whether the widget can be empty.

    Checked (default setting): The widget can be empty. Unchecked: A prompt appears in the data entry validation and submission.

    Error Tip

    This setting item appears when Allow Null is unchecked, allowing you to customize the prompt message. The default message is: "Can not be null."

    Filling Rule

    Includes rules that need to be met when you enter values in a widget. An error message pops up if the rules are not met.

    The following shows three supported validation rules:

    1. None (default): No validation rules

    2. Length: allows you to customize the length range of the text area and validate the multiple-line text length.

    3. Custom: allows you to customize validation rules through regular expressions. For details, see Regular Expression.

    Coords & Size

    Widget Location

    Includes the widget location (changed based on the horizontal and vertical coordinates) on the parameter panel. The coordinate is automatically displayed based on the widget location.

    Widget Size

    Includes the widget size. You can resize the widget by changing the Width and Height values. You can also hover your cursor to the widget boundary and drag the boundary until the widget reaches the desired width and height.

    Event

    You can add events for the widget on the Event tab page to achieve certain effects. The Text Area Widget supports four events — After Initialization, Before Editing, After Editing, and After Exiting Edit.

     10.png

    Select an event and add the event content. The event response methods supported by the text area widget include JavaScript, Summit to Database, Send Email, Export Event, and Mobile Pop-up.

     11.png

    Select a corresponding event response method.

    Mobile Terminal

    The Allow One-Click Clearance and Show Word Count functions are supported on the Mobile Terminal tab page.

     12.png

    Advanced:

    • Allow One-Click Clearance: allows you to delete the entered content with one click.

    • Show Word Count: counts the word number in the widget and displays the result in the bottom right corner.

    Application Example

    The following table introduces how to apply the Text Area Widget.

    Application Scenario

    Actual Effect

    Scenario:

    Perform multiple value queries on the same field in a table.

    13.png

    Scenario:

    Remind reporters if the content they entered in the Text Area Widget does not meet the filling rules.

    14.png


    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