Guide is advancing before user selects value
I am trying to make a guide for the following:
- User selects drop-down for Record Type
- User selects value for Record Type
- Guide advances to the next field - Screen Mode
The issue I am having is that the guide advances to Screen Mode as soon as the user selects the drop-down and the user cannot proceed. How do I make the guide wait for the user to select the value before proceeding?
0
コメント
When we run into this, we add a Next button and remove the behavior to advance on click. Otherwise, you could duplicate the step and target it to the menu that displays when the dropdown is opened?
This can be achieved using a CSS solution:
display: none !important;.The idea is to create an “invisible step” in the guide that remains hidden from the user but is visible to you in the builder.
Here's how the workflow would look:
Between step 1 and step 3, insert a new step (step 2) that targets the element where users select a value for the Record Type.
In this step, add the following to the CSS field:
display: none !important;— this hides the step from users.In the step settings, enable "Advance on element click."
What this does is:
The user sees the popover (step 1),
Then selects a value from the dropdown (step 2, which is invisible to them),
That interaction triggers the guide to automatically advance to step 3 ("Screen mode").
サインインしてコメントを残してください。