Floating Text

The text component can be used to freely position text anywhere on the website or within containers.

Creating Floating Text

Click on the Entry in the Toolset on the right named 'Floating Text' or alternatively, use the Menu 'Insert -> Floating Text'. Then, click somewhere on the empty page. A text will appear, and clicking on it, you can now type in the text:

With the white rectangles around the area, you can resize the text, and by clicking and dragging the white rectangle with the arrows in it, you can move the text area anywhere you want. This works for every page.

As long as the text element is selected, you can see it's Properties in the 'Properties' window on the left. There, you can change the background color, border and other settings for this text if you want.

Note: The position of a floating text is depending on the size of the parent component it is located in. Like for example the website. So if you use floating texts, the position of these in the final page is likely not what you want it to be. When the browser window has a different size, the position moves - because it is set to for example 40% of the size of the page. Instead of using floating texts, it is always a good idea to just use containers and type the text directly into them. A floating text is likely not what you want to use.

Properties

This component supports several background modes (Color, Image, Gradient), changeable by selecting the property 'BackgroundMode'. It also supports several border modes.