CMS Development

Orie
Participant

Form calendar does not appear correctly

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

0 Upvotes
11 Replies 11
Adesignl
Top Contributor | Partner
Top Contributor | Partner

Form calendar does not appear correctly

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

Orie
Participant

Form calendar does not appear correctly

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

0 Upvotes
Adesignl
Top Contributor | Partner
Top Contributor | Partner

Form calendar does not appear correctly

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."

Orie
Participant

Form calendar does not appear correctly

Adesignl,

 

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

Thanks!

0 Upvotes
Adesignl
Top Contributor | Partner
Top Contributor | Partner

Form calendar does not appear correctly

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

 

Check that box. 

0 Upvotes
JasonRosa
HubSpot Employee
HubSpot Employee

Form calendar does not appear correctly

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

0 Upvotes
Orie
Participant

Form calendar does not appear correctly

Hi Jason,

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

Thanks!

0 Upvotes
JasonRosa
HubSpot Employee
HubSpot Employee

Form calendar does not appear correctly

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. 

0 Upvotes
Orie
Participant

Form calendar does not appear correctly

Hi Jason,

 

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

screenshot.jpg

0 Upvotes
JasonRosa
HubSpot Employee
HubSpot Employee

Form calendar does not appear correctly

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. 

0 Upvotes
Orie
Participant

Form calendar does not appear correctly

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

0 Upvotes