Defining Walkthrough appearance

From the Adopt Editor left-side panel, access the Properties of a Step and open the Appearance tab.

Under Step appearance:

• You can define a Step label, which will appear as its title before other content.

• You can also define a Close label, which appears after the label content.

Under Step interaction:

• You can prevent users from interacting with page elements while the Step is visible. This option applies to page elements surrounding the Step or the entire page.

• You can also prevent users from scrolling through the page while the Step is visible.

Under Shadow:

• This option allows the darkening or blurring of the page, except for the required element for Step completion.

• If you enable the Shadow option, you can apply a gradual transition animation instead of an instant visual effect.

Under Border:

• Add a solid, gradient, or no border to your Step.

• If you enable the Border option, you can apply a gradual transition animation instead of an instant visual effect.

Under Component visibility:

• Display or hide the cross button at the top right of a Step. This allows users to close the Step only through completion or an action button.

• Display or hide the action button that allows advancing through a step. This allows users to close the Step only through completion or the cross button.

• Display or hide a Step counter indicating how many Steps users have completed.

• Display or hide a counter showing the total number of Steps in the Walkthrough.

• Display or hide arrow buttons that allow transitioning between Steps.

Under Step Overlay:

Define the overall appearance of your Step and how it renders on the page.

• Tooltip is the standard Step appearance, a box that displays relative to the assigned element.

• Smart Page is a larger box in the center of the screen, recommended for video content and large images.

• Notice is a broad box at the bottom of the page, similar to a notification.

• Hidden removes the Step from the user view. This option is recommended for transitions between Steps where users are navigated to the correct page. Refer to Defining Walkthrough positioning options for more information.

• Sidebar occupies the left side of the page, top to bottom. This option is recommended for .pdf files or large amounts of content.

Under Animation:

• Step: Add a fade-in, zoom or no animation to the Step as it appears or disappears.

• Element: When users reach or complete the Step, add a fade-in, zoom, or no animation to the assigned element.

• If you enable a zoom animation on either of the options above, define the Zoom strength.