Create custom booking fields on the fly about booking-js HOT 9 OPEN

@ChrisChinchilla Jep, see the example here and look at the callbacks section. The submitBookingForm callback is what you'll want.

We are working on a much improved release of our API that has native support for bookings with all customer data neatly organized. In that way, you'll be able to query our API and retrieve that (and in the near future, also add confirm/decline flows and more).

from booking-js.

My quick workaround until this feature is implemented was duplicating existing fields in booking.js and renaming them appropriately, changing the input type to whatever I needed and following the correct syntax. The values for these new fields do get dropped in the response json object.

from booking-js.

I used the same workaround as @riusi88. It would be nice to create unlimited custom booking fields in the future though without this workaround.

from booking-js.

Thirded. @riusi88 Are you saying that even though you add the fields and change the names, the values don't actually come to you in any way?

from booking-js.

@riusi88 @jhanstra @ChrisChinchilla

The difficulty is deciding where the data should be saved. For now, we're simply passing all the form data to a calendar event and e.g. comment and phone number is saved in the event description (non-structured). It's really not optimal, but it works in the short run.

We're working on a new backend feature where bookings are their own first-class citizen, have states and where customer data are saved in a more structured format.

For this, I'd like your inputs:
Would you like the form data to be queryable via the Timekit API? Or do you want it sent to your email when booked? Or simply added to the event description like it is now?

from booking-js.

@ChrisChinchilla
Sorry for the late response, but as @laander explains all the data get's dumped into the event description as line items. You can fetch this from createEventSuccessful: function(response){}

@laander
Thanks for the reply, and I appreciate you asking for our input!
Although this may be the hardest to implement, I would definitive like to query the form data for each field via the API.
In my case, I was also posting the booking data to a separate form handler and had to query the values of each input box inside the booking form on the client side. It would have been helpful to skip this step if I was able to query the response object for each field separately and post them to my matching form handler input fields.

from booking-js.

@riusi88
Makes good sense, thanks. If you want to get all the input fields from the form, you can also use the submitBookingForm callback as that gets an JS object with key/value pairs of all fields passed. It's however called when the user submits the form (and not when the API returns successful), but it might still work for you?

from booking-js.

@laander @riusi88 Sorry, my late reply means I have forgotten what I was doing here.

So you're saying that if I add custom fields they are accessible somewhere, I just have to implement myself? That's fine with me!

The event description is fine for our uses right now, seperate items would be great for some sort of export, but not essential at the moment.

from booking-js.

I tried adding fields in the bookingfields, but the fields do not show up on the resulting form. could someone give me an example of how you accomplished this?

from booking-js.