How To Use A Text Element

A customizable text box that can be added to a canvas. Can also be used to display the date or time in text format

Written By Ed Kinne

Last updated 11 months ago

The Text-Note Element creates a space to type in text, or to insert a dynamic Date and Time.

If the font you use is not available in the builder tool it can be added to your tenant

To add a custom font to your tenant you will want to contact the Korbyt Support team via email at Support@Korbyt.com
Please set the subject line to Font Addition and include the following in the email

  • Your Contact information

  • Company Name

  • Korbyt Tenant ID (found at the bottom of the settings page)

  • attach the font data files in TTF or OTF format

Adding a Text-Note Element

When you add a Text-Note it will open on the canvas with the edit bar open, and a cursor so you can type.

This default action (being open and ready to edit) means that you will not be able to move the text box at first because your cursor input of clicking and dragging is thought to be intended to select text.

You can move a text box while editing by clicking the “Element Draggable” icon on the bottom of the edit bar, or by clicking the gear icon in the upper right and saving your changes

Text-Note Edit Options

Icon

Setting Description

Text allows you to change the Font, Decoration, Alignment, Size, and Line Height

Color allows you to change the Font and Background Color. The Background Color selected here only affects the space behind text.

Styles allows you to select a predefined stylized block of text, you can then edit.

Image allows you to add an image from the Media Manager to be inline with text

Date allows insertion of Date and Time. Can select the format of how they are displayed.
For more info see the below section

Table allows the text element to be broken down into a grid

Element Draggable Toggle when active (blue) allows the element to be moved and resized while still having the editing menu open, but will not be able to highlight text.

Scaling Style only appears if a Style is selected, allows you to scale the size of all elements of the style together

Text-Note to Display Data / Time

Select Insert Date or Time from the Edit Menu

Then select to Insert Date, Insert Time, or Both, and the Format Mask you would like

There are several stock selectable Date formats available. The dropdown describes them using generic placeholders for different information.

  • ddd = the Days 3 letter abbreviation

  • dddd = the day fully written out

  • DD = 2 digit number for the day

  • MMM = the month 3 letter abbreviation

  • MMMM = the month fully written out

  • MM = 2 digit number for the Month

  • YYYY = 4 digit year

  • YY = 2 digit year

Time Formats Available

  • 12 Hour = Displays time in 12 hour format with AM or PM, Includes Seconds

  • 24 Hour = Displays time in 24 hour format, Includes Seconds

  • Hour Only 24 = Displays the hour in 24 hour format

  • Minutes: Sec = Displays only minutes and seconds

  • Hour(12): Min = Displays the time 12-hour format with AM or PM, No Seconds Displayed

  • Hour(24): Min = Displays time in 24 hour format, No Seconds Displayed

  • Minutes = Displays just minutes

  • Seconds = Displays just seconds

You could also use the space at the bottom of the insert menu to create your custom formating

The Font, Style, Format, and Color of the inserted Date/Time text can be adjusted like any other text element.