ajax AlwaysVisibleControl extender in asp.net or How to use ajax AlwaysVisibleControl in asp.net.

ajax AlwaysVisibleControl extender in asp.net or How to use ajax AlwaysVisibleControl in asp.net.

Introducation:

In this example iam going to explain  how to use  AlwaysVisibleControl extender in asp.net.

always visible control extender

Description: 

ResizableControl is an extender that attaches to any element on a web page and allows the user to resize that control with a handle that attaches to lower-right corner of the control. The resize handle lets the user resize the element as if it were a window

When Ever You Want to Use  Ajax Controls in your website First you need Add.
AjaxControlToolkit reference to your application.


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

 You can Change TagPrefix Also,Some Exaples tagPrefix="ajax", tagPrefix="cc1",tagPrefix="asp" 
And also you have to add Tool kit Scriptmanager Control under <Form> tag:


<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>

Your aspx page:.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server"
    style="height: 1000px; background-image: url('../Images/alway.png');">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div>
        <asp:Panel ID="Panel1" runat="server">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/facebook.jpg" />
        </asp:Panel>
        <asp:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1"                          runat="server"
            TargetControlID="Panel1" VerticalSide="Top" VerticalOffset="10"                             HorizontalSide="Center"
            HorizontalOffset="10" ScrollEffectDuration=".1">
        </asp:AlwaysVisibleControlExtender>
    </div>
    </form>
</body>
</html>

No comments: