Hide Controls

Business Background

The Hide Controls option lets you hide the built-in control buttons at the bottom of the stepper element. The user can navigate the stepper by clicking on the step name, or you can add custom buttons or other elements with on-click action to navigate the user to the next step.

How to Video

  • 0:01 Introduction.
  • 0:26 Learn how to Hide Controls.

How to Guide

  1. Click the icon to open the list of elements.
  2. Select the Containers element option from the list.
  3. Click-and-drag the Stepper element option to the canvas.
  4. Click the Stepper element settings Gear icon. The Stepper Settings screen opens.
  5. Select the Interactivity option.
Hide Controls option unchecked
Hide Controls option unchecked
  1. Click the Hide Controls checkbox. The control buttons will not show on the screen. Users will have to click on the next step name to go to the next step.
Hide Controls option checked
Hide Controls option checked

You can add custom buttons or other elements and then add an on-click action to navigate the user to the next step.

Example
Example

Hidden Title

Need more help?