AJAX AlwaysVisibleControlExtender Example using ASP.NET

AJAX AlwaysVisibleControlExtender Example

AJAX Always Visible Control is useful for keeping some information there itself, even if you are scrolling down or up.

AJAX AlwaysVisibleControlExtender Example

In the below example i have given one example using ASP.NET Panel control, we have to attach this panel to the AJAX Always visible control and then, this panel will display at the same place.

In the below code AlwaysVisibleControlExtender tag is taking targetControlId, verticalside, verticaloffset, horizontalside, horizontaloffset and scrolleffect attributes.

  <Ajax:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" 
    TargetControlID="Panel1" VerticalSide="Bottom"  VerticalOffset="20" HorizontalSide="Left" runat="server"
    HorizontalOffset="15"
    ScrollEffectDuration="3">
        </Ajax:AlwaysVisibleControlExtender>

Output:

AJAX AlwaysVisibleControlExtender Example using ASP.NET

ASP.NET Code:

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <Ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </Ajax:ToolkitScriptManager>
        <asp:Panel ID="Panel1" runat="server" BackColor="yellow" BorderColor="Black" 
    BorderStyle="Solid" ForeColor="red" Height="20px" Width="477px">
This message will stay here only. 
</asp:Panel>
        <Ajax:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" 
    TargetControlID="Panel1" VerticalSide="Bottom"  VerticalOffset="20" HorizontalSide="Left" runat="server"
    HorizontalOffset="15"
    ScrollEffectDuration="3">
        </Ajax:AlwaysVisibleControlExtender>
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </div>
    </form>
</body>
</html>

ASP.NET Examples

JQuery Example Code