Builder 2.0
      Back to home
      1. Support
      2. Builder 2.0

      Rich-text Tile 2.0

      To add text directly to your microapp page, you have to use a Rich-text tile.

      1. Navigate to the desired page of your microapp in the Microapp Builder.
      2. Drag a Text tile from the toolbar to the desired location on the page, where you can resize it to your specification or needs.
      3. Once placed, enter the desired characters in the text field of the tile. The entered characters are displayed in the Rich-text Tile on your microapp page.

      Screenshot 2024-10-04 at 5.22.01 PM

      Rich-text Tile Settings

      The rich-text tile settings allow you to configure the following options for the characters in the rich-text Tile.

      Rich-text Style Settings Description
      Paragraph Style

      To consistently format your headings, choose from the following options:

      • Paragraph
      • Heading 1
      • Heading 2
      • Heading 3
      • Heading 4
      • Heading 5
      • Heading 6
      Font Family

      To change the font for the characters in the Text Tile, click the Font family drop-down list and select the desired font. Default is Arial.

      To search for a specific font, click within the Font family text box.

      Note: Clicking within the Font family text box will also display a list of current fonts in use in the microapp.

      Note: The list of fonts displayed are from the Google Font library.
      Font Size To change the size of the characters in the Text Tile, enter the desired font size in the Font size field. Default size is 84.
      Font Color To change the color of the characters in the Text Tile, click the color bar and select the desired color. Default is black.
      Font Emphasis Typography

      To change the weight of the characters in the Text Tile, click the Font weight drop-down list, and select the desired weight. Default is normal. (Bold, Italic, Underline)
      Paragraph Alignment

      To align the text to the left, center, right, or justified.
      Link

      To insert or edit a URL link in a piece of text, leverage the link feature in the text toolbar.
      Bullet List

      To create a bulleted structure list use the various bullet list options.
      Numbered List

      To create a numbered structure list use the various numbered list options.
      Line Height

      To increase or decrease the space between lines of text use the line height feature to set the height of a line box.
       
      Rich-Text Properties Panel Settings Description
      Background Fill To change the background color of the text or add a gradient.
      Rounded Corners To round the corners of the tile background
      Hover Event

      To set one of the pre-created hover state options for the text.
      Click Event To set a hotspot that takes the user to an internal page, subpage, overlay, external URL, email address, phone number, or open fullscreen.