Adding the AlwaysVisibleControlExtender on a Page

The AlwaysVisibleControlExtender is a control in the AJAX Control Toolkit that can be used to keep a control visible on a web page, even when the user scrolls down the page. Here are the steps to add the AlwaysVisibleControlExtender on a page:

First, ensure that the AJAX Control Toolkit has been installed in the project. If not, it can be downloaded from the official website or installed using the NuGet Package Manager.

Add a Panel control to the page where you want to keep the control visible. The Panel control will serve as a container for the control that you want to keep visible.

Add the control that you want to keep visible inside the Panel control.

Add the AlwaysVisibleControlExtender control to the page. Set the TargetControlID property of the AlwaysVisibleControlExtender control to the ID of the Panel control that you added in step 2.

Run the application and test the page to verify that the control remains visible when scrolling.

Here is an example code snippet:

<asp:Panel ID=”Panel1″ runat=”server”>

<asp:Label ID=”lblAlwaysVisible” runat=”server” Text=”This control will always be visible”></asp:Label>

</asp:Panel>

<ajaxToolkit:AlwaysVisibleControlExtender ID=”AlwaysVisibleControlExtender1″ runat=”server”

TargetControlID=”Panel1″>

</ajaxToolkit:AlwaysVisibleControlExtender>