Progress Stepper for a form

Need help
1

UI design assistance,

I am trying to create a reusable stepper component similar to the one pictured below, where I can just pass an array of labels to the component through the custom states in the workflow tab after selecting the resuable element on my page. However, it doesn’t seem like you are able to input custom texts/arrays of texts.
So, my questions are

  1. Is the only way to get an array of texts to create data/data types, store it in the db, and fetch it for the page?
  2. Are there any work arounds to this?
    WordPress-multi-step-form
    WordPress-multi-step-form811×443 82.7 KB

    bubble stepper
    bubble stepper954×375 12 KB
2

Hey @elizabeth.frerichs :waving_hand:

Welcome to the Bubble Community! :tada: :confetti_ball:

Let’s see if I can understand what you mean here. I feel like I am missing something.

Whenever I do this sort of thing, I just create something in the database to store the data and save it along the way. Why are you looking for a workaround? Does that not work for you if you use the database? Are you trying to not save the data for some reason?

Let us know. Thanks! :blush:

3

Make the RE property text list and pass Arbitrary Text (text1,text2,text):split by “,” and you get a list.

You can swap “,” for anything that will separate the list

4

Hi thanks for the support. I do want to be able to create a state that’s related to a single element’s that isn’t sourced from the database. In, my opinion, a simple array of strings for a one time use-case is not really the ideal candidate for information to store on the database.

5

Is this explicitly the syntax? Because I have tried this as well as variants including quotations, with/without parenthesis, but I am getting the error that it is a string not a list of strings.

6

Nevermind, arbitrary text you enter text1,text2,test3 and the ‘split by’ is an operator from Bubble’s menu.

7

Yeah, its an operator to split a text by something and turn it into a list