Make Date Reservation widget mobile responsive

  • Profile Image
    schraderweb
    Asked on February 07, 2021 at 06: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!

  • Profile Image
    Mike_G
    Answered on February 07, 2021 at 06: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.

  • Profile Image
    schraderweb
    Answered on February 08, 2021 at 09:31 AM

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



  • Profile Image
    Mike_G
    Answered on February 10, 2021 at 03:15 AM

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

    1612944015_6023928f28ae6_zt210210_025932

    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

    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

    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.

  • Profile Image
    schraderweb
    Answered on February 10, 2021 at 09:54 AM

    Very good - thank you!

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



  • Profile Image
    Mike_G
    Answered on February 17, 2021 at 03: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.