What is the Text Element?

The text element allows you to display plain text, text alongside a picture, the time and date, or using JavaScript you can even insert data!

Text Element options

When editing a text element, you have a What You See Is What You Get (WYSIWYG) style of editor, like any common rich text editor. To apply any of these options, highlight the text you want to format and click the desired option:

Bold

Gives the text a heavier weight, making it slightly larger.

Italic

Makes the text display slanted to the right.

Underline

Displays a line under the text.

Font Size

Allows you change the size of the text utilizing a slider. You can also click on the numerical indicator to type in the size that you would like. The size is measured in vmin. More information about vmin can be found here: https://www.w3schools.com/csSref/css_units.asp

Font Family

Lets you change the font or styling of the text. If you would like a custom font, please contact our technical support to have custom fonts added.

Current Color

Changes the highlighted text to the current text color selected. To select a different text color, click the down arrow just to the left of this button and you can choose a color from the color picker, type a hexadecimal color value, or use the dropper to select a color already used in your layout. Click the green arrow in the lower right hand corner to save your selection.

Ordered List

Inserts a numbered list of text items in your element.

Unordered List

Inserts a bulleted list of text items.

Paragraph

Gives you the options for justifying your text. Available options are:

• Left
• Center
• Right
• Full
• Indent
• Outdent

Hover your cursor over each option to see a text description of it.

Line Height

Changes the spacing above and below your text, without changing the size of your text.

Date/Time

Allows you to insert the current date or time automatically. When displayed on a screen it always stays current. Once selected, a window will appear allowing you to configure the display options.

Insert Image

Allows you to place an image alongside your text. Once inserted, you can click the image for addtional formatting options:

• Click and drag on the black box in the lower right hand corner of the image to resize it.
• Left, Center, and right justify.
• Round the corners of the image.
• Crop the image to a circle shape.
• Add a border.
• Remove any shape options
• Delete the image.

Remove Font Style

Removes any and all formatting options you have applied.

Note: If you are using CSS to apply styles, be sure to highlight all text and click this or the Korbyt styles will override your CSS.

Code View

Allows you to view and change the HTML, CSS, or Javascript code for this element.