Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadDatePickers conflict while in RadDock

3 Answers 38 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Elad Amir
Top achievements
Rank 1
Elad Amir asked on 11 Aug 2010, 12:25 PM
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>

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 11 Aug 2010, 12:49 PM
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"
<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
0
Elad Amir
Top achievements
Rank 1
answered on 11 Aug 2010, 01:05 PM
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>
0
Dimo
Telerik team
answered on 11 Aug 2010, 02:04 PM
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
Tags
Calendar
Asked by
Elad Amir
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Elad Amir
Top achievements
Rank 1
Share this question
or