> For the complete documentation index, see [llms.txt](https://docs.sharinpix.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sharinpix.com/forms/form-elements/sharinpix-form-sections-and-repeated-sections-1.md).
# Form Features - Rich Text Area
## Overview
The **Rich Text Area** element lets users enter longer text with text formatting options inside a SharinPix Form. It can be used for formatted notes, comments, instructions, descriptions, reports, or any field where plain text is not enough.
The Rich Text Area can be added to a form in the [SharinPix Form Template Editor](/forms/form-elements/sharinpix-form-template-editor.md).
This article covers:
* [Element preview](#element-preview)
* [Rich Text Area toolbar options](#toolbar-options)
## Element preview
The image below shows the Rich Text Area element in the [SharinPix Form Template Editor](/forms/form-elements/sharinpix-form-template-editor.md).
{% hint style="warning" %}
**Note:**
The submitted value for this element is stored in the `RichTextArea__c` field on the `FormAnswer__c` object. This field supports up to `131,072` characters. Values that exceed this limit are not stored. In this case, the error is surfaced in the `FormResponse__c` 's `ErrorMessages__c` field.
{% endhint %}
{% hint style="success" %}
**Tip:**
You can also map this value to a custom Salesforce field. Follow [this documentation](/forms/salesforce-integration/form-features-sync-form-values-to-salesforce.md) to sync form values to Salesforce.
To preserve formatting, map the value to a compatible rich text field.
{% endhint %}
### Toolbar Options
The toolbar appears at the top of the Rich Text Area and provides formatting options for the text entered by the user.
| Tool | Description |
| ---------------------------- | ------------------------------------------------------------------- |
| Font Size | Changes the size of the selected text. |
| Text Color | Changes the color of the selected text. |
| Background / Highlight Color | Applies a background or highlight color to the selected text. |
| Bold | Makes the selected text bold. |
| Italic | Makes the selected text italic. |
| Underline | Underlines the selected text. |
| Align Left | Aligns the selected text or paragraph to the left. |
| Align Center | Centers the selected text or paragraph. |
| Align Right | Aligns the selected text or paragraph to the right. |
| Numbered List | Creates an ordered list with numbers. |
| Bulleted List | Creates an unordered list with bullet points. |
| Merge Field | Inserts dynamic values from form fields into the Rich Text content. |
| Image Grid | Inserts an image grid from a selected form field. |
### Merge Field Tool
The **Merge Field** tool allows you to insert dynamic values from your form into Rich Text content. When the form is submitted and processed, each merge field is replaced with the corresponding value from the selected form field.
#### Demo: Inserting a merge field
1. Click the **Merge Field** button in the Rich Text toolbar.
2. Select the desired **Form Field**.
3. Select the **Attribute** you want to display.
4. Click **Add**.
{% hint style="success" %}
Tip:
The available Fields and Attributes are based on the form elements in your form. Different field types expose different attributes (for example, value, label, or other field-specific properties).
For more information about supported form fields and their available attributes, see the [Form Fields & Attributes](/forms/form-elements/sharinpix-form-formula-fields-and-attributes.md) documentation.
{% endhint %}
A merge field is inserted into the Rich Text editor using the syntax shown in the picture below.
The image below shows the rendered output when "Passed" is selected on the **Status** radio question.
### Image Grid Tool
The **Image Grid** tool allows you to display images from a form field in Rich Text content. It inserts a merge field that renders as an image grid when the form is submitted and processed.
The grid's columns and image sizing can be configured after selecting a form field as shown below.
The configuration options are:
1. **Number of columns** — Sets the number of images displayed in each row.
2. **Display in full width** — Expands the grid to use the available content width.
3. **Image size in px** — Sets each image's size in pixels. This option is available when **Display in full width** is not enabled.
#### Demo: Inserting an image grid
1. Click the **Image Grid** button in the Rich Text toolbar.
2. Select the form field whose images you want to display in the grid, then click **Configure**.
3. Set the desired grid layout and click **Save** to insert the image grid field.
The example below uses two full-width columns.
An image grid field is inserted into the Rich Text editor using the syntax shown in the picture below.
The rendered grid can be viewed by switching to the preview tab as show below.
{% hint style="success" %}
Tip: The Title and Description added to each photo captured can also be rendered in the Image Grid.
{% endhint %}
The example below shows an alternative grid layout that uses three columns with images sized at 100 pixels.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.sharinpix.com/forms/form-elements/sharinpix-form-sections-and-repeated-sections-1.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
