Telerik Radwindow Open on Button Click


Telerik Radwindow Open on Button Click

Step 1: Design web form .aspx page

<div>
            <asp:ScriptManager ID="ss" runat="server"></asp:ScriptManager>
            <telerik:RadWindow ID="modalPopup" runat="server" Width="250px" Height="100px"  VisibleTitlebar="false"  Modal="true" VisibleStatusbar="false"  EnableShadow="true"  >
                <ContentTemplate>
                  
                    <p style="text-align: center;">
                    verfication is Under Process.
                    </p>
                     <p style="text-align: center;">
                    <img src="Images/Processing.gif" /></p>

                      <telerik:RadButton ID="RadButton1" Text="Show the dialog" runat="server" />
                </ContentTemplate>
            </telerik:RadWindow>


            <telerik:RadWindow ID="RadWindow2" runat="server" Width="550px" Height="100px"  VisibleTitlebar="false"  Modal="true" VisibleStatusbar="false"  EnableShadow="true"  >
                <ContentTemplate>
                  
                    <p style="text-align: center;">
                 here i am ....
                    </p>
                     <p style="text-align: center;">
                    <img src="Images/Processing.gif" /></p>
                </ContentTemplate>
            </telerik:RadWindow>

            <telerik:RadButton ID="rbShowDialog" Text="Show the dialog" runat="server" />



         
        </div>


Step 2:Logic on .Cs page


protected void Page_Load(object sender, EventArgs e)
    {
    
        modalPopup.OpenerElementID = rbShowDialog.ClientID;
        RadWindow2.OpenerElementID = RadButton1.ClientID;
         
    }


It Will look like :-



 



Web hosting

Comments

Popular posts from this blog

Create and save QR code in asp.net with C#

Change text of RadGrid Header Dynamically