How to Make Multiple Fields Mandatory and Enable a Button After All Fields Are Filled in Adalo?

[tron_master]

I am planning to create an online flea market app using Adalo.
In the process of creation, I want to make the image upload, product name input, product description input, price input, and category input mandatory on the listing page.
I want the listing button to become clickable once all the required fields are filled in.
However, I am unsure how to achieve this, so I would like to know how to do it.

[tron_master]

Thank you!

With the form component, only fixed designs can be used, so I would like to set the required fields with a design like the one in the attached image.
Please let me know how to set input fields as required after creating the design myself.
Thank you in advance.

2025年4月19日(土) 3:38 devkane01 via Adalo <notifications@adalo.discoursemail.com>:

[tron_master]

Have you had a chance to review this matter?

2025年4月19日(土) 19:52 kazuhito takashima <kazu.doublebassdrummer@gmail.com>:

[Victor]

Hi @tron_master,

There are several ways to achieve this.

• Buttons in Adalo have “States” functionality, which allow 1 button to have up to 3 states. So you can enable 2nd and 3rd state and set the condition when first input and second input are empty, and design these states in a way so the button looks disabled. This will allow button to become “clickable” only when both inputs are filled in. You can see more here Buttons | Adalo Resources (section “Button States”) and in my video here: https://youtu.be/eTlm8oZRUbg.
• another possibility is to set visibility on the element or a group. Imagine you have 6 inputs. Then, for example, you can set visibility on some element, using a condition when input6 is not equal to empty. Then you “wrap” the element into a group, and set the visibility on this group when input5 is not equal to empty. On the 3rd step you wrap this in another group, and set visibility when input4 is not equal to empty, and so on.
  This approach is a bit cumbersome, but it works. If you want to always display the “disabled” button, then you will need to add this disabled button into each group, which, unfortunately, makes whole setup is a bit complicated.

You can combine #1 and #2 to reduce number of groups.

Also, there are some paid components on the marketplace which allow you to check multiple inputs’ values and proceed only if they correspond to certain criteria.

Hope this helps.

Best regards, Victor.