---
title: "Create a text container"
slug: "create-a-text-container"
updated: 2026-08-17T12:38:11Z
published: 2026-08-19T08:43:52Z
canonical: "docs.grassfish.com/create-a-text-container"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.grassfish.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a text container

To add text to your HTML Composer spot, perform the following steps:

1. In the **Elements** pane, select ![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/create-a-text-container-image-95pi34xj.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A21%3A36Z&se=2026-11-06T21%3A21%3A36Z&sr=c&sp=r&sig=kqr%2FmhJEA8k7ZKzldUNIAe9KjZ%2F4WHj7HbsvYKCe7mk%3D) **Text**.
2. Use the mouse to draw a text container on the canvas.
3. To edit the container's display name, click ![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/create-a-text-container-image-lt7nprm9.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A21%3A36Z&se=2026-11-06T21%3A21%3A36Z&sr=c&sp=r&sig=kqr%2FmhJEA8k7ZKzldUNIAe9KjZ%2F4WHj7HbsvYKCe7mk%3D) **Edit**.
4. In the **Edit element** window, enter a name and click **Save**.
5. Click into the container and enter your text.
6. [Specify the container properties](/grassfish/docs/design-composer-spots).
7. Optionally, [create and configure pages](/grassfish/docs/design-composer-spots).
8. Use the following options to design your text:

| **Font selection** | Select a font from the dropdown menu. - IXM One standard installation includes freely available fonts. - If you want to add custom fonts, please contact your Grassfish partner. |
| --- | --- |
| **Font size** | Click on the arrows to enhance or decrease the font size or enter a number. |
| **Font color** | Select a color or enter RGB values or a HEX code. |
| **Line height** | Click on the arrows to enhance or decrease the line height. |
| **Character spacing** | Click on the arrows to enhance or decrease the character spacing, or enter a number. |
| **Edge distance** | Click on the arrows to enhance or decrease the distance to the margin of the element window on the canvas, or enter a number. |
| **Text styles** | Style your text with the available options such as bold, italic, or alignment. |
| **Clear content** | Click to clear the text field. |
9. Click **Save** to save your changes.

![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/create-a-text-container-image-macvhgmv.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A21%3A36Z&se=2026-11-06T21%3A21%3A36Z&sr=c&sp=r&sig=kqr%2FmhJEA8k7ZKzldUNIAe9KjZ%2F4WHj7HbsvYKCe7mk%3D)