Telerik Forums / UI for ASP.NET AJAX Forum / Calendar /

RadDatePickers conflict while in RadDock

Telerik UI for ASP.NET AJAX
Resources Buy Try

4 posts, 0 answers

Elad Amir

6 posts

Member since:
Aug 2009

Posted 11 Aug 2010 Link to this post

Hi,

I have 2 RadDatePickers inside RadDock.

While I open one of the DatePickers and close it without selecting a date the other RadDatePicker will not open while clicked.
Once I clicked the other DatePicker and it didn't open, they are both will not open anymore.

Once a date is selected, everything works fine.

Elad

Here is the code:

<telerik:raddock DefaultCommands=None EnableDrag=false runat="server" id="RadDock1" style="float:none" title="טווח הזמן" Width="200" dockmode="Docked" Height="270" EnableAnimation="true" Skin="Outlook">

<ContentTemplate>

<div style="padding:20px;" align=right dir=rtl>

<asp:Label ID="welcome" runat=server />

   <br /><br />

   <asp:Label ID="Label3" runat=server Text="טווח הזמן:" /><br /><asp:Label runat=server height="5" Text="" />

   <asp:Label ID="Label1" runat=server Text="מתאריך:" /><br />

   <telerik:RadDatePicker PopupDirection=BottomLeft AutoPostBack=true OnSelectedDateChanged=ChangePeriod ID="RadDatePicker1" runat="server" >

   </telerik:RadDatePicker>

   <br /><br />

   <asp:Label ID="Label2" runat=server Text="עד תאריך:" /><br />

   <telerik:RadDatePicker PopupDirection=BottomLeft AutoPostBack=true OnSelectedDateChanged=ChangePeriod ID="RadDatePicker2" runat="server" >

   </telerik:RadDatePicker>

   <br /><br />

   <asp:Button ID="SaveButt" Visible="false" Width="80" BorderStyle="Outset" BorderWidth="3" BackColor="#003366" runat="server" CausesValidation="True" OnClick="SaveReportButtHand" Text="שמור תוצאות">

   </asp:Button>

   <asp:Button ID="UpdateButt" Visible="false" runat="server" Width="85" BorderStyle="Outset" BorderWidth="3" BackColor="#003366" CausesValidation="True" OnClick="UpdateReportButtHand" Text="עדכן תוצאות">

   </asp:Button>

   </div>

</ContentTemplate>

</telerik:raddock>
Dimo
Admin

8486 posts

Posted 11 Aug 2010 Link to this post

Hello Elad Amir,

I can't reproduce the described problem locally (using the latest RadControls version). Below is my test page. If you have the following problem, please upgrade RadControls:

http://www.telerik.com/community/forums/aspnet-ajax/calendar/2009-q3-raddatepicker-shared-calendars-do-not-work.aspx

<%@ Page Language="C#" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadDock DefaultCommands="None" EnableDrag="false" runat="server" ID="RadDock1"

    Style="float: none" Title="טווח הזמן" Width="200" DockMode="Docked" Height="270"

    EnableAnimation="true" Skin="Outlook">

    <ContentTemplate>

        <div style="padding: 20px;" align="right" dir="rtl">

            <asp:Label ID="welcome" runat="server" />

            <br />

            <br />

            <asp:Label ID="Label3" runat="server" Text="טווח הזמן:" /><br />

            <asp:Label ID="Label4" runat="server" Height="5" Text="" />

            <asp:Label ID="Label1" runat="server" Text="מתאריך:" /><br />

            <telerik:RadDatePicker PopupDirection="BottomLeft" AutoPostBack="true" ID="RadDatePicker1"

                runat="server">

            </telerik:RadDatePicker>

            <br />

            <br />

            <asp:Label ID="Label2" runat="server" Text="עד תאריך:" /><br />

            <telerik:RadDatePicker PopupDirection="BottomLeft" AutoPostBack="true" ID="RadDatePicker2"

                runat="server">

            </telerik:RadDatePicker>

            <br />

            <br />

            <asp:Button ID="SaveButt" Visible="false" Width="80" BorderStyle="Outset" BorderWidth="3"

                BackColor="#003366" runat="server" CausesValidation="True" Text="שמור תוצאות">

            </asp:Button>

            <asp:Button ID="UpdateButt" Visible="false" runat="server" Width="85" BorderStyle="Outset"

                BorderWidth="3" BackColor="#003366" CausesValidation="True" Text="עדכן תוצאות">

            </asp:Button>

        </div>

    </ContentTemplate>

</telerik:RadDock>

</form>

</body>

</html>

Sincerely yours,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Elad Amir

6 posts

Member since:
Aug 2009

Posted 11 Aug 2010 Link to this post

Hi,

I actually gave part of the code. Could you pls test it with entire one.

Thx

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="mainCopy">

    <asp:ScriptManager ID="ScriptManager1" AsyncPostBackTimeout ="360000" runat="server">

    </asp:ScriptManager>

        <telerik:radformdecorator id="FormDecorator1" Skin="Web20" runat="server" decoratedcontrols="default" ></telerik:radformdecorator>

        <telerik:raddocklayout runat="server" id="RadDockLayout1" >

            <telerik:raddockzone CssClass=RadMenu runat="server" id="RadDockZone1" Orientation=Horizontal style="float:right;background: white;min-height:50" Width="200" height="800" Skin="Outlook">

                <telerik:raddock DefaultCommands=None EnableDrag=false runat="server" id="RadDock1" style="float:none" title="טווח הזמן" Width="200" dockmode="Docked" Height="270" EnableAnimation="true" Skin="Outlook">

                    <ContentTemplate>

                           <div style="padding:20px;" align=right dir=rtl>

                               <asp:Label ID="welcome" runat=server />

                                        <br /><br />

                                        <asp:Label ID="Label3" runat=server Text="טווח הזמן:" /><br /><asp:Label runat=server height="5" Text="" />

                                        <asp:Label ID="Label1" runat=server Text="מתאריך:" /><br />

                                        <telerik:RadDatePicker PopupDirection=BottomLeft AutoPostBack=true OnSelectedDateChanged=ChangePeriod ID="RadDatePicker1" runat="server" >

                                        </telerik:RadDatePicker>

                                        <br />

                                        <asp:Label ID="Label2" runat=server Text="עד תאריך:" /><br />

                                        <telerik:RadDatePicker PopupDirection=BottomLeft AutoPostBack=true OnSelectedDateChanged=ChangePeriod ID="RadDatePicker2" runat="server" >

                                        </telerik:RadDatePicker>

                                        <br /><br />

                     <asp:Button ID="SaveButt" Visible="false" Width="80" BorderStyle="Outset" BorderWidth="3" BackColor="#003366" runat="server" CausesValidation="True" OnClick="SaveReportButtHand" Text="שמור תוצאות">

                    </asp:Button>

                    <asp:Button ID="UpdateButt" Visible="false" runat="server" Width="85" BorderStyle="Outset" BorderWidth="3" BackColor="#003366" CausesValidation="True" OnClick="UpdateReportButtHand" Text="עדכן תוצאות">

                    </asp:Button>

                            </div>

        </ContentTemplate>

                </telerik:raddock>

                <telerik:raddock DefaultCommands=None EnableDrag=false runat="server" id="RadDock4" style="float:none" title="דפדוף" dockmode="Docked" Width="200" Height="530" EnableAnimation="true" Skin="Outlook">

                    <ContentTemplate>

                        <div style="padding:20px;">

                    <br />

                    <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">

                                            <AjaxSettings>

                                                <telerik:AjaxSetting AjaxControlID="Timer1">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="FormViewEvent">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="RadDatePicker1">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadDatePicker1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="RadDatePicker2">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadDatePicker2" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="rightarrow">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="leftarrow">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="EndRes">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="Res5">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                 <telerik:AjaxSetting AjaxControlID="Res4">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="Res2">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="Res1">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="BegRes">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="SaveButt">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                                <telerik:AjaxSetting AjaxControlID="UpdateButt">

                                                    <UpdatedControls>

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel2" LoadingPanelID="RadAjaxLoadingPanel2" />

                                                    </UpdatedControls>

                                                </telerik:AjaxSetting>

                                            </AjaxSettings>

                                   </telerik:RadAjaxManager>

                   <telerik:RadAjaxLoadingPanel EnableSkinTransparency=true Transparency=1 Skin="" ID="RadAjaxLoadingPanel2" runat="server" >

                         <asp:Label ID="Label4" runat=server Text="<br /><br /><br /><br /><br /><br />" />

                         <asp:Image id="Image2" runat="server" ImageAlign=Middle ImageUrl="loading5.gif" >

                        </asp:Image>

                    </telerik:RadAjaxLoadingPanel>

                    <telerik:RadAjaxPanel LoadingPanelID="RadAjaxLoadingPanel2" Height="400" ID="RadAjaxPanel2" runat="server" >

                    <table align="center">

                    <asp:Label runat="server" ID="ResNo"></asp:Label>

                    </table>

                    <br />

                    <table width="100%">

                    <tr><td align="center" width="50%">

                    <asp:ImageButton runat="server" OnClick="PagingRight" ToolTip="לדף הבא" ImageUrl="images/arrowright1.jpg" ID="rightarrow" ></asp:ImageButton>

                    </td><td align="center" width="50%">

                    <asp:ImageButton runat="server" OnClick="Pagingleft" ToolTip="לדף הקודם" ImageUrl="images/arrowleft1.jpg" ID="leftarrow" ></asp:ImageButton>

                        </td>

                        </tr>

                        </table>

                    <table align="center">

                    <tr><td>

                    <asp:button OnClick="Res2_click" runat="server" BorderWidth="0" BorderColor="White" BackColor="White" Font-Size="small" Font-Underline="False" ForeColor="Blue" ID="Res2" ></asp:button>

                    </td><td>

                    <asp:button OnClick="Res1_click" runat="server" BorderWidth="0" BorderColor="White" BackColor="White" Font-Size="small" Font-Underline="False" ForeColor="Blue" ID="Res1" ></asp:button>

                    </td><td>

                    <asp:button OnClick="BegRes_click" runat="server" BorderWidth="0" BorderColor="White" BackColor="White" Font-Size="small" Font-Underline="False" ForeColor="Blue" ID="BegRes" ></asp:button>

                    </td></tr><tr><td></td></td><td align="center">

                    <asp:hyperlink runat="server" BorderWidth="0" BorderColor="White" Font-Size="small" Font-Bold="true" Font-Underline="False" ForeColor="Black" ID="res3url" ><asp:Label runat="server" ID="res3" /></asp:hyperlink>

                    </td><td></td></td></tr><tr><td>

                    <asp:button OnClick="EndRes_click" runat="server" BorderWidth="0" BorderColor="White" BackColor="White" Font-Size="small" Font-Underline="False" ForeColor="Blue" ID="EndRes" ></asp:button>

                    </td><td>

                    <asp:button OnClick="Res5_click" runat="server" BorderWidth="0" BorderColor="White" BackColor="White" Font-Size="small" Font-Underline="False" ForeColor="Blue" ID="Res5" ></asp:button>

                    </td><td>

                    <asp:button OnClick="Res4_click" runat="server" BorderWidth="0" BorderColor="White" BackColor="White" Font-Size="small" Font-Underline="False" ForeColor="Blue" ID="Res4" ></asp:button>

                    </td></tr>

                    </table>

                    </telerik:RadAjaxPanel>

                    </div>

                        </ContentTemplate>

                </telerik:raddock>

                                </telerik:RadDockZone>

                <telerik:raddockzone CssClass=RadMenu runat="server" id="RadDockZone2" Orientation=Vertical style="float:right;background: white;min-height:50" Width="770" height="800" Skin="Outlook">

                <telerik:raddock DefaultCommands=None EnableDrag=false runat="server" Visible=false id="RadDock3" style="float:none" title="חיפוש מזדמן" Width="770" dockmode="Docked" Height="150" EnableAnimation="true" Skin="Outlook">

                    <ContentTemplate>

                    <div style="padding:25px;">

           <asp:FormView ID="FormViewEvent" AutoPostBack="true" runat="server" DataSourceID="AccessDataSourceTermsConfig"

                DefaultMode="Insert" OnItemInserting="InsertPressed">

                <InsertItemTemplate >

                    <asp:label runat="server" id="Label1" Height="5" text=""/><br />

                    <asp:Label TabIndex=-1 ID="LabelCatTerms1" Visible="true" runat="server" Text="מילות חיפוש ( לצמד מילים השתמש ב- )"></asp:Label><br />

                    <asp:TextBox BorderColor="LightGray" MaxLength="100" Width="520" Visible="true" ID="CatTerms1TextBox" runat="server" Text='<%# Bind("CatTerms1") %>'>

                    </asp:TextBox>

                    <asp:RequiredFieldValidator ID="CatTerms1Required" runat="server" ControlToValidate="CatTerms1TextBox"

                                    ErrorMessage="Category 1 Terms are required." ToolTip="Category 1 Terms are required.">* <asp:Label ID="Label41" runat="server" Font-Size="Small" Text="<%$resources:SiteMapLocalizations,Required%>"></asp:Label></asp:RequiredFieldValidator><br />

                    <asp:Button Width="45" AutoPostBack="true" BorderStyle="Outset" BorderWidth="3" BackColor="#003366" ID="InsertButton" Visible="true" runat="server" CausesValidation="True" CommandName="Insert"

                        Text="חפש">

                    </asp:Button>

                </InsertItemTemplate>

        </asp:FormView>

        </div>

        </ContentTemplate>

                </telerik:raddock>

                <telerik:raddock DefaultCommands=None CssClass=RadDock_custom EnableDrag=false runat="server" id="RadDock2" style="float:none;" title="איזכורים" dockmode="Docked" Width="770" Height="800" EnableAnimation="true" Skin="Outlook">

                    <ContentTemplate>

                        <div style="padding:10px;">

                                   <telerik:RadAjaxLoadingPanel EnableSkinTransparency=true Transparency=1 Skin="" ID="RadAjaxLoadingPanel1" runat="server" >

                                         <asp:Label ID="Label8" runat=server Text="<br /><br /><br /><br/><br/><br /><br /><br /><br /><br />" />

                                         <asp:Image id="Image1" runat="server" ImageAlign=Middle ImageUrl="loading5.gif" >

                                        </asp:Image>

                                    </telerik:RadAjaxLoadingPanel>

                                    <telerik:RadAjaxPanel LoadingPanelID="RadAjaxLoadingPanel1" Height="400" ID="RadAjaxPanel1" runat="server" >

                                    <asp:Label runat="server" ID="MentList" />

                                    <asp:Panel ID="Panel1" runat="server">

                                        <asp:Timer ID="Timer1" runat="server" Interval="1" OnTick="Timer1_Tick" />

                                    </asp:Panel>

                                    </telerik:RadAjaxPanel>

                        </div>

                        </ContentTemplate>

                </telerik:raddock>

            </telerik:raddockzone>

                <telerik:raddock Top="452" Left="13" Visible="false" runat="server" id="RadDock5" title="פרטי מנוי" Height="120" Width="250" Resizable="false" dockmode="Floating" EnableAnimation="true" Skin="Vista" >

                        <ContentTemplate>

                        <div style="padding:10px;">

                                         <asp:Label ID="UserName" runat=server />

                                         <asp:Label ID="SubValidity" runat=server />

                        </div>

                        </ContentTemplate>

                </telerik:raddock>

        </telerik:raddocklayout>

    <asp:SQLDataSource ID="AccessDataSourceTermsConfig" runat="server"

        SelectCommand="SELECT [UserID], [CatName1], [CatTerms1], [CatName2], [CatTerms2], [CatName3], [CatTerms3] FROM [TermsConfig]" >

    </asp:SQLDataSource>

</asp:Content>
Dimo
Admin

8486 posts

Posted 11 Aug 2010 Link to this post

The new code snippet also works as expected on my side. I suggest you to try reproducing the problem on a standalone runnable web page and send it attached in a formal support ticket for further investigation.

Best wishes,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

RadDatePickers conflict while in RadDock

Elad Amir

Dimo

Elad Amir

Dimo