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.
