Make Date Reservation widget mobile responsive

  • schraderweb
    Asked on February 7, 2021 at 6:13 PM
    Well....we have a issue. Can you please make the calendar 'mobile friendly'?


    The calendar does not scale and does NOT show the dates.


    Thanks in advance for your help!

  • Mike_G JotForm Support
    Replied on February 7, 2021 at 6:34 PM

    We would like to apologize for any inconvenience. Please allow me some time to work on a solution to the issue you are having with the Date Reservation widget when being viewed on a mobile device.

    I'll get back to you on this ticket as soon as possible.

  • schraderweb
    Replied on February 8, 2021 at 9:31 AM

    The form can be seen live here on this web site: https://tcsaunarental.com/book-online/



  • Mike_G JotForm Support
    Replied on February 10, 2021 at 3:15 AM

    I have checked the website you linked and it currently shows an error.

    1612944015 6023928f28ae6 zt210210 025932 Screenshot 10

    Nevertheless, below are the changes that you need to make to the custom CSS codes currently injected into your form and the custom CSS codes that are injected into the Date Reservation widget on your form.

    On the injected custom CSS codes in your form, update the codes

    FROM:

    1612944633 602394f9d1d6e zt210210 030939 Screenshot 21

    TO:

    iframe#customFieldFrame_16 {
    
    max-width: 100% !important;
    
    height: 530px !important;
    
}

    And then, on the injected custom CSS codes in the Date Reservation widget's custom CSS tab, update the codes

    FROM:

    1612944785 602395918e878 zt210210 031215 Screenshot 32

    TO:

    .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    
    height: auto !important;
    
    width: 97%!important;
    
    margin: auto;
    
}

    Here's the link to a cloned version of your form where I have applied the above-mentioned changes.

    https://form.jotform.com/210401879462960

    Please give it a try and let us know if you need any further assistance.

  • schraderweb
    Replied on February 10, 2021 at 9:54 AM

    Very good - thank you!

    I only have traffic allowed from USA and Canada at this time.



  • kayleamer
    Replied on February 17, 2021 at 1:36 AM

    i have it but the issue that i am facing in my version is sometimes it works veryy slow after one or two hours and i have no idea about it that how to solve it plz give me the right suggestions about it i wanna learn more about it.
  • Mike_G JotForm Support
    Replied on February 17, 2021 at 3:02 AM

    @kayleamer

    I have moved your concern to a new ticket to avoid confusion.

    Here's the link to the new ticket: https://www.jotform.com/answers/2903778

    We will be responding to that ticket shortly. If you have any follow-up questions or you have information that you would like to add about your concern, please do not hesitate to respond to that ticket instead.