Default Docs Website

How to use Right Menu Components

Description
1
Click Steps button

Click the Steps menu on the right side to open the panel for managing document steps.

2
Click +Add Step button

Click the +Add Step button to insert a new step into the current guide sequence.

3
Click +Add Step button

Click the +Add Step button to insert a new step into the current guide workflow.

4
Click New Step

Click on the New Step item to select and edit its configuration in the panel.

5
Click New Step item

Select the second step item in the right sidebar to configure its content and settings.

6
Click 3 New Step

Select the third step entry to view or edit its specific properties.

7
Click New Step

Select the third step from the right panel list to view and edit its details.

8
Click Notes tab

Switch to the Notes tab to add or view additional comments for this step.

9
Click Write a note input

Click the note input field to begin typing your new note.

10
Click Write a note input

Click inside the text area to focus on the note input.

11
Type Simple Note about Docs in notes field

Type a note in the notes section to add documentation comments or reminders.

12
Click send note arrow button

Click the arrow icon to submit your written note to the document notes section.

13
Type in Settings

Type values into the settings inputs to customize the appearance and properties of the selected element.

14
Click Canvas Background color input

Click the canvas background color input field in the right sidebar to change the background color.

15
Select new background color

Choose a new color from the color picker to update the canvas background.

16
Enter canvas background color code

Type a hex color code into the Canvas Background input field to customize the step canvas color.

17
Update canvas background color

Modify the hex color code in the input field to refine the canvas background color.

18
Set final canvas background color

Enter the desired hex code in the Canvas Background field to apply the final color setting.

19
Click Version item

Select the active editing session from the list to view its details or restore a previous version.

20
Click Editing Session version

Select the active editing session version from the right-hand panel to review or manage document versions.

21
Click Save Version button

Click the Save Version button to save the current state of the document.

22
Click Version Label input field

Click the Version Label input field within the Save Version modal to enter a custom name for the new document version.

23
Type New Version name

Type a custom label into the Version Label field to identify the saved state.

24
Click Save Version button

Click the Save Version button to record the current page state with the specified label.

How to use Right Menu Components > Click Steps button

1
Click Steps button
2
Click +Add Step button
3
Click +Add Step button
4
Click New Step
5
Click New Step item
6
Click 3 New Step
7
Click New Step
8
Click Notes tab
9
Click Write a note input
10
Click Write a note input
11
Type Simple Note about Docs in notes field
12
Click send note arrow button
13
Type in Settings
14
Click Canvas Background color input
15
Select new background color
16
Enter canvas background color code
17
Update canvas background color
18
Set final canvas background color
19
Click Version item
20
Click Editing Session version
21
Click Save Version button
22
Click Version Label input field
23
Type New Version name
24
Click Save Version button