Tagged: date picker, offset, position
Hi guys,
I have a date picker via the Enfold contact form and the position when clicked on is going on the top which is ‘hiding’ underneath the main menu so users won’t be able to choose the respective date. Is there a way to change it’s position of where it pops up? Maybe it pops up underneath instead of at the top?
Screenshot:
Hey Matthew,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Andy
Hi Andy,
Sure thing. The element is found on this page – http://newsite.specialolympicsmalta.org/get-involved/enrollment-form/
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .avia-datepicker-div.ui-datepicker {
z-index: 999!important;
}
Best regards,
Yigit
Hey Yigit,
Thanks a lot this worked. I would like to change the range of the YEAR field if this is possible as it goes in the future which is something I do not want. Can you kindly forward the code so that the year will be as from 1900 till the current year (automatically) please?
Thanks!
Hey!
Please go to Enfold/framework/php/class-form-generator.php file and find
yearRange: "c-80:c+10"
and change it to
yearRange: "1900:c"
Best regards,
Yigit
Thanks a lot Yigit, after some time it was working (think it needed to refresh the server).
Appreciate all your responses!
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Cheers!
Yigit