Problem with field Calendar

Hi!
Link: http://portugal.artcolorit.com

I have a form with 2 field calendar. This one: https://prnt.sc/mzqju2
When I click on this field, I can't see calendar it just not work...

How I can to fix it? Help, please.

Don't know but scrolling down your page gave me 134 javascript errors.

If you search on the forums I had a solution for this a while ago. You'll probably want the keywords 'calendar' and 'modal' have to go out right now.

Hi zeus,
​
If I show the form in the page by removing the display:none CSS then the calendar works. It does not work in the FancyBox pop-up - my best guess is that the necessary JavaScript files are not available in the pop-up though I don't see why that is.
​
Bob

I think you have to tell the G2.boot.js script to run when you open the modal. Like I said I had a solution on the forums somewhere.

https://www.chronoengine.com/forums/posts/t106011/date-picker-in-modal-window-doesnt-work here you go

Thanks foк this solution, but calendar doesn't work yet...Maybe you can find another way for this?
​
Form: https://prnt.sc/mzyubv
JS for calendar: https://prnt.sc/mzyv0w

Is calendar8 actually the ID of the calendar, or the name? Any errors in console?

ID's for both calendars are right. I don't have errors in console
​
Calendar8 and Calendar9 are ID and name

Do you have another ways to fix calendar in fancybox popup?

So it's not the normal modal, it's a different 3rd party one?

This is plugin Fancybox for Joomla

In console I don't have any errors...Maybe some JS not loaded and it need connect manually?

The next update should solve the issue of the calendar not loading in the modal, usually the problem is that the modal move the dom content and that breaks the calendar!
​
Best regards

Hi Max. I'm trying to have calendar field work with popup mode in a modal, but it doesn't work.
​
There's a workaround for this?
​
Thanks for your help

Please try to disable the "Detachable" option in the modal settings!
​
best regards

I Max. It solves the popup problem, but the modal appear behind the dimmer and not centered with the view. To solve this issue I wrote some css:
.modal {display:flex, margin-top: -50%; margin-right:auto;margin-left:auto;}
​
The modal appear almost correctly but I'm having some problem on center it vertically.

​

​
Any suggestion about this?

Does your template have any modal classes defined ? because that may be the problem.
​
Does the form work fine in the admin area preview ?

Thank you Max. Tomorrow I will try and let you know.