I need assistance with building an online booking form for my cleaning service. Users can select the number of bedrooms and bathrooms using dropdowns, choose extras, and specify the date. After this selection, I want the chosen options to be displayed in a Booking summary along with the corresponding charges.
I’m currently facing difficulties in implementing this functionality, and I’m seeking help to understand how to make it work. Please refer to the attached screenshot for more details.
Do you have a data type called Booking with these fields in it?
-cleaning type: option set of deep, standard, end of tenancy
-number of bedrooms
-number of bathrooms
-extras: option set of these items inside cabinets etc.
-date
-and the other thing (that says once off)
It would really help you if you create this kind of data type. Then this page might have a custom state of this type and you can update it whenever users change something in the booking and still display it in right side of the screen.
Hello @hergin, there are no predefined option sets for the number of bedrooms and bathrooms. How can I create dropdown options for users to choose the number of bedrooms and bathrooms? I attempted using a custom state, but encountered difficulties.
These are just number in the Booking data type and the dropdown will be a list of static numbers. When any value is selected, you will update the page’s custom state Booking’s number of whatevers.
@hergin Thank you so much; I’m making good progress. All the issues you assisted me with have been resolved and are functioning perfectly.
The only remaining challenge is allowing users to deselect extras by clicking on the same element, instead of relying solely on the button.
I’d like the user to be able to select by clicking the text or picture, and also have the option to deselect by clicking the same text or picture. Currently, I am able to select only.
You will do the opposite when you click on them.
Two workflows though and each will have a “when” statement: if they are in the selection, remove them. If they are not in the selection, add them.
This topic was automatically closed after 70 days. New replies are no longer allowed.
