-
Posts
-
Hi there,
I have a problem with the positioning ot the datepicker of ninjaforms. It worked some months ago. Occasionally I discoverd, that the datepicker is far offset from its original position. Please have a look. When I disable Enfold, it works. I already disabled all other plugins, without any success.Hey sj,
Thank you for the inquiry.
The datepicker seems to be displaying correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
here is a screenshot. Tested on firefox and chrome and two different computers. On mobile it works though.Hi,
Thank you for the screenshot.
This is how the calendars render on our end:
Screenshot: https://1drv.ms/i/s!AjjTfXSRbKTvguANEEu_rwjBV6s83g?e=MVeMoY
Did you adjust the zoom settings of your browser? Please contact the plugin developers for additional assistance.
Best regards,
IsmaelHi,
no everything is set to 100%. I already contacted the plugin developers.
This was their answer:When is “before”? Did you update the theme or Ninja Forms immediately prior to seeing the issue? What changed on the site after which the issue occurred and before which it did not? Undoing that change (i.e., rolling back to an earlier version of an updated site component) may be the most straightforward way to resolve the issue without needing to contact the theme maker.
Since the issue does not occur in the absence of the theme, it is near certain that the issue results from a conflict between the theme and Ninja Forms. We cannot develop Ninja Forms in such a way as to “chase” compatibility with a theme that we do not control, since the theme creator could at any time introduce new changes that might “undo” any development work we devoted to correcting a problem that may have been introduced by the theme in the first place.
To be candid, if you are unable or unwilling to communicate with the theme creator and you are unable to roll back a site component to resolve the issue, I’m not sure what further assistance we can provide. As you may know, Ninja Forms defers to the site theme and page builders for most matters of page styling, and the theme has a significantly larger role to play in how things appear on your site than Ninja Forms. You can find more information about this here: https://ninjaforms.com/docs/styling-your-forms/
Without being able to discover how the theme might be interacting with the datepicker (by communicating with the theme maker) and whether any changes to the theme might have occurred since the datepicker appeared as expected, we have profoundly limited ability to troubleshoot, as we are not experts with the enfold theme. The best person who can provide expertise about how that theme works is its creator.
Unfortunately, because I am missing crucial information about the problem that can best be provided by the theme maker, if you are unable or unwilling to communicate with the theme maker, a solution to the conflict may remain out of reach.
Please let me know if you have any questions.
So please don’t give me the same answer. Lets try to fix it. I use multiple enfold licences for already 10 years and barely needed any support. Now I need it.
Thanks
on firefox developer edition and OSX Sonoma – the right datepicker is at the right side – as in your screenshot:
it is only if screenwidth is bigger than 1550px
There seems to be a script error when calculating the position – (good position) it is left: Value in px and right: auto – from 1551px it is the other way around. On bigger screens than 1550px there is an additional class added: rightMost ( but i guess that is only for arrow positioning )is your flatpickr uptodate? ( For ninjaforms it is called: Advanced Datepicker )
i can find on google some similar messages about calculating the right positioning.Hi,
Thanks for the update.
A quick fix is to manually define the position of the calendar, but this may need to be adjusted for different screen sizes using css media queries.
.flatpickr-calendar.animate.arrowTop.arrowLeft.rightMost.open { right: auto !important; left: 660px !important; }Best regards,
Ismaelbut the left datepicker changes to rightMost class too from a given screenwidth on ( 2094px ) and then the selector will be active for both datepickers.
I would write to Ninjaforms again with this information. There is definitely a bug in the calculation script.Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardThis is the answer from ninjaforms:
My name is Mia and I lead the Customer Success team here at Ninja Forms.
As Keith has previously informed you, this looks like a problem with how the Enfold theme works. Like you told us? When Enfold is turned off, the functionality works. When Enfold is enabled, it breaks. Ninja Form’s css is sometimes overwritten by the theme’s styles. That’s what appears to be happening in this case. From reading the exchanges in this ticket it sounds like that you have tracked down the particular css for the issue. What you might try is adding custom css in Enfold to change the css behavior for that particular element (see below) to make it do what you need it to.
.flatpickr-calendar.animate.arrowTop.arrowLeft.rightMost.open
That should overwrite Enfold’s css since you’d add it in Enfold’s settings. We wouldn’t be able to help with where it is added since we don’t support their theme but it’s likely in their theme editor. When you test your changes make sure and flush any cache so you get fresh results.
We certainly do appreciate your long standing relationship with us and your business but our policy has always been not to support other plugins or themes.
Thanks
Mia
Interesting game you guys on both sides are playing. I paid for both “plugins” and get no support.
- You must be logged in to reply to this topic.