This is a migrated thread and some comments may be shown as answers.

KendoUI DatePicker DOM location

3 Answers 89 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 09 Apr 2014, 10:39 PM
Hey I've noticed that with the kendoUI datepicker when initialized outputs the container div and calendar at the end of the HTML body.  I would like to be able to control where this content is appended to the DOM.

The main reason is because I am using this picker on a Bootstrap dropdown that closes on document click, my custom javascript prevents the dropdown from closing if a click is made on any element within that particular dropdown, however since the DatePicker is rendered outside of that div at the end of the BODY tag, choosing a date closes both the datepicker and the dropdown.

Any ideas?

3 Answers, 1 is accepted

Sort by
0
Georgi Krustev
Telerik team
answered on 10 Apr 2014, 12:05 PM
Hello Daniel,

The popup element of the widget is added in the body element to avoid any issues with overflow styling. You can control where the popup element is added with appendTo option of the popup widget. Check this jsBin demo.

Regards,
Georgi Krustev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Daniel
Top achievements
Rank 1
answered on 10 Apr 2014, 05:42 PM
Thanks a lot for the help and the quick reply!  I noted that this option was not on the API documentation: http://docs.telerik.com/kendo-ui/api/web/datepicker.  Is it located somewhere else?  Can we make a ticket to update the documentation to help future users who might need this help? 

Thanks in advance
0
Georgi Krustev
Telerik team
answered on 11 Apr 2014, 07:36 AM
Hello Daniel,

Currently, this option is not documented. There is no need to open a separate ticket for your request. I logged it and will update the widget documentation in some of our next documentation uploads.

Regards,
Georgi Krustev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
Daniel
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
Daniel
Top achievements
Rank 1
Share this question
or