TextBox

11 Jul 20184 minutes to read

To display static text for titles, highlight key information, descriptions and labels or dynamic text based on expressions textbox can be used.

To add textbox

Drag and drop the Textbox from the item panel.

You can add textbox in header, footer, and body area.

Add effects to the textbox

To edit the textbox, place the cursor inside the textbox.

To add effects focus on the textbox, click the Properties icon in the configuration panel.

You can add effects to

  • The overall textbox element.

  • Each words in a content.

    To switchover from selected text properties to textbox properties, click the Move icon.

Basic settings

  • Font family:

    You can select the font family of the text.

    Note: RDL standard windows fonts are not supported in cross platforms. So, you need to load the unsupported fonts in application level for cross platforms.

  • Font color:

    Click the color palette icon to open the Color Palette. You can select the font color of the text.

  • Font size:

    Click the up/down arrow to increase/decrease the font size.

  • Font style:

    Click the drop-down list to set the font style of the text.

    • Default
    • Normal
    • Italic

  • Text decoration:

    To remove text decoration, select None from the drop-down list.

Format: You can set format to the text using the Format property.

Click the highlighted button in the above image to open Format dialog.

To demonstrate an example, here Currency format is applied to the text run.

Refer Format Data section for more details on how to format data.

Alignment

  • Text alignment:

    Center

    Left

    Right

    To remove alignment, set text alignment as Default.

  • Vertical alignment:

    Top

    Middle

    Bottom

    To remove alignment, set vertical alignment as Default.

  • Padding: Click the up/down arrow to increase/decrease the text padding.

Appearance: Set the background color, border style, and border width using the appearance property.

Enable Link: You can add link or file path in the text using this property.

To define a hyperlink, or a drill through action to the textbox refer Link Data.

On report Preview action:

Click the www.syncfusion.com text will open the link in new tab of the browser.

Position: You can change the textbox size and position under this category.

  • Position : To adjust the position of the textbox in the designer area.

  • Size : To adjust the height and width of the textbox.

You can also achieve the above behavior with the resizer.

Visibility: Select this option to indicate how the report item is initially displayed in the report.

  • Enable the checkbox to show the report item.
  • Disable the checkbox to hide the report item.
  • Show or hide based on an expression

Click on the icon in the right corner and select Expression to edit the expression.

Miscellaneous

Can Grow: Enabling this property will increase the Textbox Height based on the Text Height while previewing the text.

Can Shrink: Enabling this property will shrink the text inside the Textbox Height while previewing the text.

  • Disable Can Grow

    On preview:

  • Enable Can Grow

    On preview: