Hi there,Just added a couple of date pickers and the dropdowns are restricted to the WebDialog window however the dropdowns on the webdialog drop beyond the webdialog.
I have attached a screenshot for you to see my proble.
Best Regards,
Steve.
Hi Steve,
The WebDatePicker by default uses an instance of WebMonthCalendar which is shared between all WebDatePickers. It should have parent <form> (until WebDatePicker created dynamically within async repsonse). It means that shared calendar will appear on top of other html elements on page.
WebDatePicker also supports a specific calendar using property DropDownCalendarID. So, application may add calendar to dialog and set that property of date picker to the id of calendar. In that case calendar will be created by server within parent-container to which calendar was added. If it was created inside dialog, then it was by cut-off by bounds of dialog, because it uses overflow:hidden or scroll.
Below is example:
<ig:WebDatePicker ID="WebDatePicker1" runat="server" DropDownCalendarID="WebMonthCalendar1"></ig:WebDatePicker><ig:WebMonthCalendar ID="WebMonthCalendar1" runat="server"></ig:WebMonthCalendar>
I forgot to mention that you may change/disable default overlfow:auto of dialog by following property:
<ContentPane ScrollBars="Visible">.
In this case some children can be rendered outside of dialog. It can be used if dialog is not resizable and has small content (content pane does not have scrollbars).