Multi-step form Insurio template

Hello,

I just saw that there is a new multi-step form template on WeWeb that looks really great!

Yet I struggle a bit to use it. It seems that it uses the Javascript plugin and not directly “pure” WeWeb functionalities. Specifically, I’d like to understand :

  • How to add further steps and modify the progress bar accordingly
  • How to display fields when I click on a dropzone/field (e.g. here address is clicked but it remains on the 1st step of the form)
  • How to modify the different style element from classes

If you have time, could you make a short video tutorial on how to use this template ?

Many thanks for considering the request !

To add a step:

  1. Go to multi-step form component and click edit
  2. Select the Tab element
  3. Go to settings and add another tab
  4. Select the new tab and there will be a new Form step component with a slot that you can put your inputs in
  5. Use the workflow that is already set up to do something with your form

To adjust the progres bar you will need to adjust the number of steps variable in the Multi-step form

1 Like

Hi Luka,

Thanks. I ended up using the pre-built multi-steps form component without the javascript, as it was easier to navigate with your guidelines.

Hi @luka

I have an issue with the multi-step form where the object does not fill itself with the answers provided in the form:


image

Although there is text in the field “Name”, it remains as "undefined and does not take the other fields e.g. city and the two select boxes.
image

Would you know what causes that?
Thanks

Are you adjusting the Next workflow to update the Result object with the new fields?

Indeed the value within the workflows became “unknown” for some reasons, as I changed it now it seems to work. Thank you Luka