Knowledge Base / DateTimePicker in Dialog on Small Resolution / 
New to Kendo UI for Angular? Start a free 30-day trial

DateTimePicker in Dialog on Small Resolution

Environment

ProductProgress® Kendo UI for Angular Dialog

Description

How to scroll the page when displaying DateTimePicker inside a Dialog on a small resolution screen?

Solution

To allow proper page scrolling when displaying a DateTimePicker inside a Dialog on a small resolution screen, set the Dialog's position to absolute using its style property:

  <kendo-dialog style="position: absolute">...</kendo-dialog>

The following example shows the full implementation of the demonstrated approach.

Example
View Source
Change Theme:
Previous
Dates Are Treated As Strings during Grid Data Operations
Next
Disable the parent nodes selection of the Kendo UI for Angular TreeView.

In this article

Not finding the help you need?

Contact Support