SplitPane and AjaxControlToolkit.Calendar Extender.

[Chris Hammond]

The code below shows a Spillter with two top/bottom panes..

The Top Pane, which is the "user selection" row needs only to be 1 "row" high (30px) and has a TextBox for a date entry. I use the AjaxControlToolkit's CalendarExtender control but when the calender pops up, it pops up INSIDE the SplitPane with scroll bars.

Is there a way to pop up the calendar OUTSIDE the pane.

 

Thanks...

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<syncfusion:Splitter ID="Splitter3" runat="server" Height="580px" Width="100%" Layout="Vertical">
    <syncfusion:SplitPane ID="SplitPane1" runat="server" BorderStyle="None" Height="30px">
        <syncfusion:Splitter ID="Splitter2" runat="server" Width="100%">
            <syncfusion:SplitPane ID="SplitPane2" runat="server">
                Date
            </syncfusion:SplitPane>
            <syncfusion:SplitPane ID="SplitPane3" runat="server" Width="200px" BorderStyle="None">
                <asp:TextBox ID="tbDate" runat="server" AutoPostBack="true" />
                <asp:CalendarExtender ID="CalendarExtender1" runat="server" Animated="false" CssClass="CalendarExtender"
                    Format="dd-MMM-yyyy" TargetControlID="tbDate" />
            </syncfusion:SplitPane>
        </syncfusion:Splitter>
    </syncfusion:SplitPane>
    <syncfusion:SplitPane ID="SplitPane4" runat="server">
    </syncfusion:SplitPane>
</syncfusion:Splitter>

[Meena]

Hi Chris,

 

Thanks for contacting Syncfusion forums.

 

The reported issue occurred because an absolute element (CalendarExtender) is placed inside a relative parent element. Any element with position relative will display its content element within it, not outside to it. So, this is not an issue from our side.

 

Please let us know if you have any other concerns.

 

Regards,

Meena