Problem : Infragistics 8.3 (2008) WebDateChooser calendar control doesn’t get scrolled with the vertical scroll bar of the DIV(ScrollingPageContent), calendar maintains the same position on a page. After removing the DIV(ScrollingPageContent) all works fine with page level scroll
Technical Issue: While rendering webdatechooser on the page, DIV named as “webdatechoosername_container” gets created to display calendar. Default style-sheet applied for the same container does have the attribute “position: absolute”. Due to this attribute calendar control maintains its position on scrolling.
Solution tried:
1. Tried to change the position attribute of the container, but it is rendered by Infragistics at run time, so developer don’t have control over it.
2. WebDateChooser is placed in a DIV, which has style “Position: Relative”.
3. “Position: Relative” applied to TABLE, TR and TD in which WebDateChooser is present.
4. Replaced DIV(ScrollingPageContent) with asp:Panel with the same style sheet class.
5. Replaced WebDateChooser with ajax calendar, this approach works fine, except the scenario where WebDateChooser is present in the UltraWebGrid.
Hi,
It is not clear what happens. If you report that drop-down calendar is not scrolled while div is scrolled while drop-down is opened, then that is not supported scenario. In normal page the drop-down should be closed automatically when user clicks on scrollbar or any other action. If your application suppresses mousedown or focus event of browser, so calendar remains opened while scroll, then you should process those scroll, mousedown or other "trigger-lost-focus" events and close drop-down calendar explicitly.
I tried following and I did not find any problems.
<div style="position:absolute;overflow:auto;width:200px;height:200px;border:1px solid red;"> <igsch:WebDateChooser ID="WebDateChooser1" runat="server" style="position:absolute;top:300px;"></igsch:WebDateChooser> <div style="position:absolute;top:600px;width:20px;height:20px;border:1px solid black;"></div></div>