Form calendar does not appear correctly

Occasional Contributor

Hi, I have a problem with the way form calendar appears on my website. Only upper half appears but bottom half doesn't. I added enough space under Submit button but it did not work. Please let me know how to fix this issue. Thanks.

screenshot.png

Reply
0 Upvotes
11 Replies 11
HubSpot Employee

Hey @Orie can you please send along the link to the page that you're working on so we can take a closer look? 

Reply
0 Upvotes
Occasional Contributor

Hi Jason,

Please take a look at https://staging1.altynousa.com/dealers/

Thanks!

Reply
0 Upvotes
HubSpot Employee

Hey @Orie it looks like the iframe in which the form is contained is not tall enough to fit the calendar drop down. If you pushed the height of that iframe up to ~1870px that looks like it would do the trick. Here is a video demonstration of my testing. 

Reply
0 Upvotes
Occasional Contributor

Hi Jason,

 

It looks that there is a problem with renderign the form correctly. Please advise.

screenshot.jpg

Reply
0 Upvotes
HubSpot Employee

Hey, @Orie if the form is not submitting and you're getting console errors when trying to submit the form could you please file a ticket over to HubSpot Support? They should be able to give this a closer look for you. 

Reply
0 Upvotes
Occasional Contributor

Hi JasonRosa,

 

I do have a problem with appearance of the form but form submission process is totally fine. I just moved the form field with the calendar function to the upper part of the page. It is too frustrating to deal with this issue especially it was once fixed by adding extra padding to the parent container.

 

Regards,

 

Orie

Reply
0 Upvotes
Regular Contributor

make sure there isnt an overflow hidden  on a parent div/container

Occasional Contributor

Hi Adesignl,

 

I checked all the items with overflow: hidden but the issue still remains. I had the same issue before and fixed it by adding extra padding at the bottom of the parent container. Theoretically  it should work, doesn't it? This is getting too frustlating so I decided to move the form field with calendar function to upper part of the page. The radical problem is not fixed but this solution is acceptable for me.

 

Regards,

 

Orie

Reply
0 Upvotes
Regular Contributor

Make sure you are not using the iframe version of the forms. There is a checkbox in hubspot to convert it to "form on page."

Highlighted
Occasional Contributor

Adesignl,

 

Could you  tell me where I can find that check box? I don't see it anywhere...

Thanks!

Reply
0 Upvotes
Regular Contributor

Under each form, there is a toggle under Options > Unstyled Form

 

Check that box. 

Reply
0 Upvotes