Form builder - is this possible?

[lisaalger]

Hi all, is it possible to create a form builder with drag and drop feature, so all my users enquiry forms looks different?

[chris.williamson1996]

Yes. Have an option set for “question type”.
-text
-checkbox
-upload
-etc

Rough Database structure:

1. Client
   -name
2. Form
   -title
   -client (client type)
3. Questions
   -order
   -form (form type)
   -question type (option set)
4. Question options (for things like checkbox or multi option select)
   -option title
   -option order
   -question (question type)
5. Answers
   -question (question type)
   -user
   -answer value

UI will have a repeating group that either is a list or paginated sorted by order. You will use pre designed UI with input elements for each question type displaying based on which question type the added question is and visibility conditionals. Ex in the repeating group if we are on question 1 and the type is text input then show the group with text input box.

There’s a few templates that exist you can model around

[an.tran]

Hey @lisaalger, we built a custom form builder for an application for my client, it is called https://traleado.com/. In general the feature is possible to do in Low-code, however they are kind of advance and requires a few pro-code manipulation to get done.

[usman1]

Yeah, It is definitely possible to do so. You’ll need a plugin called draggable elements and a good understanding of databases with bubble. If you need any help, you can ping me.

[cmarchan]

@lisaalger

Fully doable with Bubble no-code functions.

Set up your database and UI thinking through how to model it for a “form builder”. I know it sounds obvious but should you choose to embark on this journey using this approach … you may find that it may be simpler than it looks. I detailed most of what is needed in a few posts in the past. Here is one of them:

How add multiple input fields

@rafael.alima Seems you are working on a dynamic form builder where you can add different types or input elements for text, date, image, etc Form Title (text) Field Title (text) Date value (date) Number value (number) Text value (text) Image value (image) Type (options set: date, number, text, image) Form entry Title (text) Form (form) Fields (list of fields) Set up an rg of 1 row 1 column that is very high to accommodate your different inputs conditionally Within the rg set up d…

Hope this helps!