Custom AdvanceEditForm and Panel

3 posts, 1 answers
  1. Susan
    Susan avatar
    137 posts
    Member since:
    Jul 2007

    Posted 23 Feb 2008 Link to this post

    I would like to do something similiar to your scheduler demo on 'First Look'. However, I would like to create my own custom form and have 2 panels: one for the scheduler and one, when they double-click, to hide the scheduler and show the custom form (functions same as demo with panels). How do I trap the double-click on the panel server side so i can enable/disable my panels?

    Thanks,
    Susan

  2. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 26 Feb 2008 Link to this post

    Hello Susan,

    Here is one possible workaround which makes use of RadAjaxManager:

    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head runat="server">  
        <title>Untitled Page</title> 
         <script type="text/javascript">          
            window.onload = function test()  
            {  
                var panelDiv = document.getElementById("Panel1");  
                panelDiv.ondblclick = triggerAjax;              
            }  
            function triggerAjax()  
            {   
                $find("<%=RadAjaxManager1.ClientID %>").AjaxRequest();  
            }  
          </script> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
            <asp:ScriptManager ID="ScriptManager1" runat="server">  
            </asp:ScriptManager> 
             
            <asp:Panel ID="Panel1" runat="server" Height="200px" BackColor="Aquamarine" Width="125px">  
            </asp:Panel> 
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">  
                <AjaxSettings> 
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">  
                        <UpdatedControls> 
                            <telerik:AjaxUpdatedControl ControlID="Label1" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
                </AjaxSettings> 
            </telerik:RadAjaxManager> 
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
        </form> 
    </body> 
    </html> 

    protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)  
        {  
            Label1.Text = DateTime.Now.ToString();  
        } 

    Let us know if you have any other questions.


    Sincerely yours,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Susan
    Susan avatar
    137 posts
    Member since:
    Jul 2007

    Posted 28 Feb 2008 Link to this post

    I did not do it exactly like this, but it gave me some ideas. I got it working...Thanks alot.
Back to Top