Point - Editing text (WYSIWYG)

Different buttons/functions within the toolbar

Here is a short explanation to each button/function within the toolbar:

Styles (drop-down):

Choose between different paragraph styles, notably the size of the text. The alternatives are predefined.

Headline (drop-down):

Similar to styles, choose the sizing of the text Very useful if the text in question is a header and you need to choose a different size. The alternatives are predefined.

Text styling

• B: Bold. Highlight text with a thicker font)
• I: Italic. Tilt the text.
• U: Underline. Add a line under the text.
• Tx: Clear styles: Removes all styling on your text. Useful if you copy paste content and wish to remove styling.

List elements

• Numbered list
• Dotted list

Pressing tab will indent the list to make sub segments.

Quote

Adds an indent to highlight the paragraph

Text position

Position the paragraph or headline to the left, center, right or full width fill.

Insert link

Add a link or a button to the page. Select a piece of text and click this button to get the "link" settings. This allows you to create a link or a button to do the following:

• Link to an external page
• Download an asset
• Link to another page in Point

Additional guide on buttons:

Customisation - Create a download button

Undo / Redo

Undo or redo your latest changes

Text color and marking

Text color: Chante the font color

Background color: Highlight a section of text

Advanced features

In edit mode, if you move your mouse over a text block, you get access to additional settings.

+: The arrow icon allows you to drag and drop the section into other columns or areas.

T: Text block settings.

Clicking the T will open this settings box for additional decorative and design features.

Border: Adds a border around the text block.

Background: Select a background color for the text block.

Layout - Margin: Add air from the edge of the text block to other elements.

Layout - Padding: Add air from the edge of the text block inwards towards the text.

Pro tip - Sticky notes

You may create "sticky notes" or highlighted boxes by using color and air.

In the below example I wish to highlight a message on my page. Steps to reproduce:

• Set up columns so I get a standalone column for the message box (2 / 1 layout works well here)
• Add a text box and add your text
• Go to "T - Text block settings"
• Enable border
• Change background color of the box
• Add 20 pixel space from the frame in towards the text (padding)
• Change text color to white (so it is readable)
• Make text bold

What I achieved is a very noticeable message area which stands out.