Calendar Reservation widget: Start the day on Sunday

  • dionwtx
    Asked on June 30, 2024 at 3:31 PM

    Calendar Reservation widget: Start the day on Sunday Image 1 Screenshot 20

  • Neal JotForm Support
    Replied on June 30, 2024 at 4:13 PM

    Hi Elizabeth,

    Thanks for using Jotform. You can definitely insert a CSS code to your widget (not the form's CSS) to have the calendar start on Sunday. Let me show you how:

    1. Click on the Calendar Reservation widget then click on the Wand icon which is the Widget Settings.
    2. Under the CSS tab, paste the CSS code below to the CSS box then click on Update widget.
    .ui-datepicker-calendar th, .ui-datepicker-calendar td {
        left: 35px;
        position: relative;
    }
    .ui-datepicker-calendar td:last-child {
        left: -227px;
        top: 27px;
    }
    .ui-datepicker-calendar th:last-child {
        left: -227px;
    }
    #reservationContainer > div {
        height: 240px;
    }

    With the code above the calendar should look like this:Calendar Reservation widget: Start the day on Sunday Image 1 Screenshot 20Give it a try and let us know how it goes.

  • dionwtx
    Replied on July 1, 2024 at 8:55 AM

    Thank you. That worked perfectly. I appreciate your quick response time with the answer I needed.

 
Your Answer