Lists and Procedures

Position the cursor where the list is to be added.

The cursor has be to placed in a valid position, such as inside an empty para element or immediately after a para.

Select a type of list from the toolbar.

When the list is added, Paligo creates the first list item or step automatically.

Enter the text for the first list item or step.

Press Enter to add new list items or steps. ⏎

Select Save.

Select the list or procedure in the Element Structure Menu.

Select a list type from the toolbar.

Select Confirm to change into a new list type.

Select Save.

Select the ordered list in the Element Structure Menu.

Select Go to element.

Add one of these attributes in the Element Attributes Panel:

Select Preview to see the changes to the numbering.

Select Save.

Select the ordered list in the Element Structure Menu

Select Go to element.

Add the numeration attribute in the Element Attributes Panel.

Select desired numeration type from the menu.

Select Save.

Select the area between the list items/steps where you want the split to take place.

Select the Split icon on the Edit toolbar.

Paligo splits the list at the selected listitem/step. You now have two separate lists of the same type.

The second list is completely separate to the first list, with new numbering (if it is a numbered list). You can Convert a List or set attributes on the list without affecting the first list.

Select any listitem or step in the first list that you want to merge. The first list is the list that is closest to the top of the topic.

In the element structure menu, select the element that represents the list as a whole, and then select Go to element. For example, if in step 1 you selected a step, then you should select the procedure element in the element structure menu.

Select the Merge toolbar icon.

Paligo will merge the list with the next list as long as:

Select Save.

Select a listitem/step in the list.

In the element structure menu, select the element that represents the list as a whole, and then select Go to element. For example, if in step 1 you selected a step, then you should select the procedure element in the element structure menu.

Select the icon for the type of list that you want to undo. For example, if you have a procedure list that you want to turn into paragraphs, select the procedure icon.

When you select the icon, Paligo converts the list into a series of para elements.

Select any part of the paragraph.

Select the toolbar icon for the type of list you want to create. For example, select the procedure icon to turn a paragraph into the first step of a procedure.

Repeat step 2 for any subsequent paragraphs.

Position the cursor so that it is outside the para element in the list item or step. (But still inside the list item or step).

You can now add other elements, such as images, admonitions, and other paragraphs. To add these, you can use the toolbar menu or the element context menu, just like when you add elements outside a list. The elements that you add will appear indented, so that they are aligned with the paragraph inside the list item or step.

To add a list item or step after the content inside the step, position the cursor so that it is outside the list item or step. Then press Enter to display the element context menu and select listitem or step, depending on the type of list you are using.

To end the list, select a position outside the list, after the last step. You can then add other elements, such as paragraphs if needed.

Select a step. In the element structure menu, select the step element and then select Go to element.

In the Element attributes section, search for the performance attribute and then add it.

Set the value of the performance attribute to:

Select Save.

Create a custom CSS file and add the styling for the optional and required steps to it. The classes you need to style are .step.optional and .step.required. For example, the following code adds "(Optional)" or "(Required)" before the paragraph in the step and also sets the font to bold.

.step.optional p:first-child:before { 
    content: '(Optional) '; 
    font-weight: bold; 
}  

.step.required p:first-child:before { 
    content: '(Required) '; 
    font-weight: bold; 
}

This example only works for English. But it is possible to have multi-lingual support with CSS:

/* For supporting multiple languages: */  

html[lang="sv"] .step.optional p:first-child:before { 
    content: '(Valfritt ) '; font-weight: bold; 
}  

html[lang="en"] .step.required p:first-child:before { 
    content: '(Required) '; font-weight: bold; 
}  

html[lang="sv"] .step.required p:first-child:before { 
    content: '(Obligatoriskt ) '; 
    font-weight: bold; 
}

Upload your CSS file to your HTML layout.

To find out more about creating custom CSS files and uploading them to your HTML layouts, see Branding your HTML Outputs with CSS.

Publish to HTML, using the HTML layout from the previous step.