# Multi Step Form - How to Use

**URL:** <https://community.weweb.io/t/multi-step-form-how-to-use/4821>\
**Category:** Ask us anything\
**Created:** [October 10, 2023, 7:01am UTC](https://community.weweb.io/t/multi-step-form-how-to-use/4821 "2023-10-10T07:01:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Paul](https://avatars.discourse-cdn.com/v4/letter/p/bbe5ce/32.png) [@Paul](https://community.weweb.io/u/Paul)\
**Post date:** [October 10, 2023, 7:01am UTC](https://community.weweb.io/t/multi-step-form-how-to-use/4821/1 "2023-10-10T07:01:07Z")

</div>

Hi - I am trying out the pre-built multi step form to set up a process where the user submits answers to questions which ultimately results in a final step containing a chart based on the information submitted. I have a bunch of questions but just wanted to start out simple:  
How do I reorder the steps? I have tried to do this through the navigator but it does not move.  
Thanks  
Paul

---

<div class="post-metadata">

**Author:** ![Quentin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/quentin/32/6_2.png) [@Quentin](https://community.weweb.io/u/Quentin)\
**Post date:** [October 10, 2023, 3:19pm UTC](https://community.weweb.io/t/multi-step-form-how-to-use/4821/2 "2023-10-10T15:19:58Z")

</div>

Hey @Paul, what do you mean by reordering the steps?

Also, did you use multiple pages or are you building the form in a single page?

---

<div class="post-metadata">

**Author:** ![Paul](https://avatars.discourse-cdn.com/v4/letter/p/bbe5ce/32.png) [@Paul](https://community.weweb.io/u/Paul)\
**Post date:** [October 10, 2023, 10:03pm UTC](https://community.weweb.io/t/multi-step-form-how-to-use/4821/3 "2023-10-10T22:03:51Z")

</div>

Hi Quentin

Please see Loom video - [https://www.loom.com/share/27d849c7f32c449fb9014b3e684000de?sid=815b85ee-cb94-4004-8ecc-dfe5a639d9a7](https://www.loom.com/share/27d849c7f32c449fb9014b3e684000de?sid=815b85ee-cb94-4004-8ecc-dfe5a639d9a7)

I am building the form on a single page.

Thanks

Paul

---

<div class="post-metadata">

**Author:** ![Quentin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/quentin/32/6_2.png) [@Quentin](https://community.weweb.io/u/Quentin)\
**Post date:** [October 12, 2023, 1:48pm UTC](https://community.weweb.io/t/multi-step-form-how-to-use/4821/4 "2023-10-12T13:48:39Z")

</div>

This is a tab element so you can’t move the tabs. But why would you move them?

Also, the eye means that the element is currently hidden (being with CSS or by conditional rendering). For this element, you need to select the tab you want to work on the parent’s container settings.