Free text component

Use Free text for headings, short instructions, and helper content.

Add a Free text component to provide information, guidance, and page structure.

Add a Free text component to a page

1

Open the Add tab

In the Settings panel, open the Add tab.

2

Add Free text

Under Basic components, drag Free text onto the page.

3

Label the component

Enter a name in Label. Ninox generates the Internal name automatically. Update both values if needed.

4

Configure the Free text component

Under Display:

• Choose a Quick style and set Color.
• Select Custom to define the text component's complete appearance.

5

Review the result

Check that the text looks as expected. Adjust it if needed.

Free text component settings

Under Settings, you can configure the component details:

• Label: the title shown on the component.
• Internal name: filled automatically. Change it only when needed. Use the Internal name in scripts, not the Label.

Under General, configure the text that the component displays:

• Content: enter the text to display. You can also edit the text directly in the component. Click to define the content with logic.

Under Display, configure how the text is displayed on the page:

• Quick style: offers ready-made styles for quick formatting. Choose Title L, Title M, Title S, Body M, or Body S. Choose Custom to define every display detail yourself.
• Color: sets the text color. This setting is available for every Quick style.

With Custom, configure the complete appearance:

• Typography: sets the font size, font weight, horizontal and vertical alignment, and font style.
• Background: sets the background style for the component. Choose Custom to define the background with Custom CSS.
• Border: adds an outline around the component. Choose its style and color.
• Padding: adds space between the text and each component edge.
• Drop shadow: adds depth around the component. Choose a size to control the shadow's intensity.

For Content and settings under Custom, you can set logic instead of choosing a predefined option. Click .

Under Visibility, choose how the component is shown on the page:

• Visible: shows the component on the page.
• Hidden: hides the component on the page.
• Conditional: defines a Visibility condition that controls when the component is shown or hidden.

  Use Conditional when the component should appear only in specific cases.

  Build the condition based on user roles, Tables, or Fields.

  This only affects what is shown on the page. It does not change records or permissions.