The Date Reservation widget isn't displaying the full height in preview mode and the published form

The date reservation widget isn't showing up on my form enough for people to pick dates.

I tried a few different things with no luck

Hi Becky,

Thanks for reaching out to Jotform Support. When I cloned and tested your form, everything worked the way it was supposed to. Take a look at the screencast below to see my results:

As you can see, the Date Reservation widget works fine without any display issues. I've cleared your form caches because, most of the time, it fixes the issue. If the issue still persists, you can use a custom CSS code on Inject Custom CSS to set the minimum height of the Date Reservation widget. You can clone my demo form, or you can do it on your end. Let me show you how to do it:

1. Copy the custom CSS code below:

/*To set the minimum height of the Date Reservation widget*/

#id_23 iframe {

  min-height: 3in !important;

}

/*Ends here*/

2. In Smart PDF Forms, click on the Paint Roller icon next to the Original PDF field.

3. Click on the Styles tab next to the Colors tab.

4. Scroll down, paste the custom CSS code on Inject Custom CSS field.

That's it. Give it a try and let us know if you have any other questions.