My booking form is completely broken

  • Profile Image
    localwanderings
    Asked on June 08, 2020 at 04:46 PM

    Hello Jot form,

     

    I need urgent help as my website is about to launch and my booking form is completely broken.

    https://www.jotform.com/localwanderings/booking

     

    The payment buttons don't work anymore.

     

    I also need the dates to be available more than once, not to be greyed out once selected.

     

    Please advise urgently!

     

  • Profile Image
    gerardw
    Answered on June 08, 2020 at 09:40 PM

    Regarding the payment buttons:

    I checked your form and can see that both the PayPal and card buttons work fine at my end. What exact issue are you facing?

    Regarding the Dates:

    I can see that you are using the Date Reservation widget on the form. Please note that once a date is selected on this widget, it gets grayed out (disabled) and will not be available for subsequent selections. The only way to re-enable the grayed out date is to delete the linked submission for that date (which I think is not a feasible way for your process).

    Why don't you try using our new Appointment field for this purpose, where you have the option to setup max. appointment per date/time slot (or leave that field empty to accept unlimited appointments per day). Please check this related guide on how to setup the field: https://www.jotform.com/blog/how-to-schedule-an-appointment/ 

  • Profile Image
    localwanderings
    Answered on June 08, 2020 at 10:14 PM

    Hi there,

    I think it's because I was using a promo code. When the amount to pay is zero, tje paypal checkout just loads for one second then disappears.

    The appointment widget doesn't really work for what I'm trying to do.

    Is there a way to style the Date Picker a bit nicer? 

  • Profile Image
    gerardw
    Answered on June 09, 2020 at 01:29 AM

    Are you still facing the issue with the payment field? I tested your form and could not replicate the issue. My apologies, but it submitted the test submission.

    Regarding your Date field, I can see that you have already raised another ticket. Hence we will address your concern on that ticket: https://www.jotform.com/answers/2376360 

  • Profile Image
    localwanderings
    Answered on June 09, 2020 at 01:23 PM

    Hi Gerard,

    My form still looks a off on mobile, see screenshots below.

    Any clue how to fix those?


    - The radio buttons are cropped on the left

    - the calendar is cropped on the right

    1591723257103032032_258653478575896_9068 


    - Select your party size is not aligned to the left

    1591723304103437578_194887815083474_6230


    - I'd like the email field to be below the email label, like the other fields.

    1591723370103131455_252765249156420_7298


    Thanks so much in advance for your help!




  • Profile Image
    Mike
    Answered on June 09, 2020 at 05:06 PM

    To fix the radio buttons in the iOS and align labels to the top, you can add the next CSS to your form:

    @media screen and (max-width: 480px) {
    .form-line .form-label {
    width: 100% !important;
    float: left !important;
    text-align: inherit !important;
    }
    .form-radio {
    transform: translate(0px);
    }
    }

    If the issue with the appointment calendar still persists, please let us know what device you are using.