Drag and Drop Functionality
Build your article by opening the Content Block Tray and dragging elements into the outline area of the editor.
Open (Close) the Inspector Pane
When the Inspector Pane is visible, click this icon to close the pane.
When the pane is closed, click this icon to open the pane.
If you want to focus on a specific section of your article, click the Focus button.
ScreenSteps will only show the content that is nested under the parent (in this case, the Step 1 heading). This prevents you from getting lost when editing longer articles.
Click the action icon to open a menu, which includes the option to add revision notes.
You can nest as much content as you'd like.
When rendering the heading style on the web, ScreenSteps only goes up to an H6. Headings nested further than H6 will revert to the H6 styling in the CSS.
Expand the outline view
When you start nesting a lot of content in the outline view, it can seem a little crammed. You can drag the outline pane to resize it, making it bigger (or smaller).
Adding content blocks in the body
When you add content blocks in the body of the article (e.g. clicking the + icon), you will have the option to add the content block as a sibling or a child.
Example of a sibling
The headings and paragraph blocks in the example below are all siblings. None of them are nested underneath the others.
Example of a child
The screenshot below shows heading blocks and a paragraph block as children. They are indented under the block above.
Indenting headings will determine how the heading appears in the web. Here is how the headings are rendered with H tags.
There is an action menu next to each block in the outline view.
From here you can add more content, indent, outdent, or delete the content block.
Collaps or Expand All
Right-click on any of the content blocks and you will have the option of expanding or collapsing.
You can add checklist items in more locations. For example, you can have a checklist within a checklist.
Workflow articles allow you to include:
Below is a brief description of each.
A Question allows you to create a decision tree. When published, the end-user will be shown the question along with the three answers below it.
This is how the question is displayed to end-users.
An Answer allows you to create branches in your documentation. Once an end-user selects an Answer, they will be shown content related to that specific branch and not the other branches.
Nest your step-by-step instructions in an Action Container.
You can have multiple Action Containers that follow one after the other. If you do this, then your end-users will see a "Continue" button at the end of each Action Container. When an end-user clicks "Continue" they will go to the next Action Container, the next Question, or the end of the workflow.