Text

The Text component displays a block of content that supports HTML formatting. The component's content may include basic text, complex HTML elements, or formatted information about a model record in context.

Jump to:

Using the Text component

Add a Text component to the canvas. For more information, see Add components to the canvas. Next, set the properties:

  • To link the component to a model, set the model properties in the General tab.

Note:  Text components only receive context if they are connected to a model.

  • To set the component's spacing, set its margins in the Layout tab.

Add the content. You can either:

  • Click on the text area within the component to open a text editor with standard options (including styling, bullets, numbering, links, and more), and begin composing and formatting the text, or
  • Use HTML, Variables or Merge syntax in the Template property field in the General tab.

Both methods display the text in the text area and the Template property field.

Note:  Text components only display data for a single row, based on context. If there are multiple rows in the model, the component will not render a new instance for each row, in contrast to Nintex Apps v1 Template component. If you want to display information about multiple rows, use the Deck component to iterate over rows and nesting this component within it.

Component properties

  • Unique ID: An automatically generated alphanumeric identifier for the component. You can rename if needed. (Required)
  • Model: Specifies the data source that the component will display.
    • None: Select this to add text to the component without referencing context or using merge syntax.
    • Model options: All models on the page appear as options. Select a model to use context in the Text component. For example, to reference a specific field.

  • Style variant: Style variants are created and set in the Design System Studio. Some components have pre-defined variants for a specific aspect of a component's style. Nintex Apps builders can style and customize elements to create their own themes within the DSS. These themes will dynamically populate as selectable values in the Style variant drop-down menu.

    Note: 

    • To refresh available style variant options, click Refresh style variants.

    • This is useful for when changes to the design system (like style variants or variable options) have been made in another browser window or by another user.

  • Allow HTML: Determines HTML rendering behavior for Template contents.
    • When turned on, any HTML syntax will be rendered. For example, This text is important.
    • When turned off, HTML syntax is displayed as plain text. For example, <strong>This text is important</strong>.

  • Template: The text to display in the component. This field can contain merge syntax or HTML when the Allow HTML toggle is turned on. For more information, see Template fields.

  • Margins: Sets a component's margin (the space around it) relative to other components on the page.

    • To set margins for all sides, click All.

    • To set margins for each side individually, click Separate.

    Margins must be set using spacing variables defined in the design system. Custom or arbitrary values are not allowed. For more information, see Spacing.

Standard display logic options are available to display or hide the component or feature.