...

To add a heading, click on the drop-down arrow on the toolbox and select the heading typeYou can add different heading levels within an article using the 'Text styles' control at the top of the page.

• STEP 1: Click on the pencil icon at the top of the page to edit the page.

• STEP 2: To give a heading style to a title, select on the heading you typed, click on the 'Text styles' dropdown at the top of the page, and select the heading level you want to set your title with.

...

Image Removed

Info

This icon is used for Important notes.

Image Removed

Note

This icon is used for all notes.

Image Removed

Success

This icon is

4. Can How do I add a coloured panel to differentiate content in an article?

To add a note, click the plus icon on the toolbox and select info panel or use ‘/info panel’.

Types to be selected:

To highlight specific content areas within an article, you have several options that can be used. Below are some of these options and how it can be added into your article.

There are two options how this can be done.

• STEP 1: Place your cursor at the point you want to add a panel.

Option 1: Adding panel via the + icon (macros) in the controls panel

• STEP 2.1: Click on the + icon in the controls panel at the top of the page.

• STEP 2.2: Select or type in the panel name and press Enter to add the required panel. See the below table for more details on the different panels available.

...

Option 2: Adding panel using the shortcut key /

• STEP 2.3: Type in the key / followed by the panel name and select the panel by clicking on it. See the below table for more details on the different panels available.

...

• STEP 3: Add any content into the panel you added.

• STEP 4: You can change the colour and icon of a default panel once it’s added as well. To do this, click inside the panel, and in the control box below it, select a suitable icon or colour and click outside.

...

• STEP 5: To delete a panel, click inside the panel, and in the control box below it, click on the remove icon at the end.

Refer the table below to see a list of default panels available to be selected from.

Icon	Panel	Description
Image Added	Info	A blue coloured panel with an info icon. This panel can be used for additional notes or information.
Image Added	Note	A purple coloured panel with a note icon. This panel can be used for any special notes or things that need to stand out.
Image Added	Success	A green coloured panel with a tick icon. This panel can be used for success messages (e.g. page Page is successfully created) or tips.
Image Modified	Warning	This icon is A yellow coloured panel with an exclamation icon. This panel can be used for warning messages or examples.
Image Modified	Error	This icon is A red coloured panel with a cross icon. This panel can be used for error messages (e.g. do Do you want to delete this page?).
Image RemovedImage Added	Add emoji	Emoji used for each info panel can be customized using this field.
Image Removed	Remove emoji	The note can be defined without an emoji using this field

...

Select this emoji icon to customise the panel icon and select from a list of emojis available.
Image Added	Remove emoji	Select this option to remove the panel icon (emoji) and leave it only as a coloured box.

• Click on the Photo icon to add an image or a file. This component displays a series of images or files related to a particular project. This component can also be configured to show a series of custom images.

...