---
title: "Ajax ToolKit AlwaysVisibleControlExtender in ASP.Net"  
description: "AlwaysVisibleControlExtender is used to define area of content on user interface to remain visible when user scrolls around the rest of the content of"  
author: "John Smith"  
published: 2010-12-06  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/253/ajax-toolkit-alwaysvisiblecontrolextender-in-asp-dot-net  
category: "ajax"  
tags: ["ajax"]  
reading_time: 2 minutes  

---

# Ajax ToolKit AlwaysVisibleControlExtender in ASP.Net

AlwaysVisibleControlExtender is used to define area of [content](https://www.mindstick.com/articles/12369/cms-extension-for-magento-2-advanced-content-manager-2) on [user interface](https://www.mindstick.com/blog/302016/what-is-user-interface-and-what-are-its-benefits) to remain visible when user scrolls around the rest of the content of the page.\

## Syntax:

```
<cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"></cc1:AlwaysVisibleControlExtender>
```

**AlwaysVisibleControl [Properties](https://yourviews.mindstick.com/view/81845/now-it-s-possible-to-predict-properties-of-any-molecule):**

· **TargetControlID** - ID of [control](https://yourviews.mindstick.com/view/83439/bipartisan-gun-control-bill-passed-in-us-after-decades) for this extender to always make visible

· **HorizontalOffset** - [Distance](https://www.mindstick.com/blog/12028/what-distance-learning-is-not) to the HorizontalSide edge of the [browser](https://www.mindstick.com/articles/323165/top-10-fastest-internet-browsers-in-the-world) in pixels from the same side of the target control. The default is 0 pixels.

· **HorizontalSide** - Horizontal edge of the browser (either Left, Center, or Right) used to anchor the target control. The default is Left.

· **VerticalOffset** - Distance to the VerticalSide edge of the browser in pixels from the same side of the target control. The default is 0 pixels.

· **VerticalSide** - [Vertical](https://www.mindstick.com/forum/12951/how-to-fix-bootstrap-tab-vertical-with-text) edge of the browser (either Top, Middle, or Bottom) used to anchor the target control. The default is Top.

· **ScrollEffectDuration** - Length in seconds of the scrolling effect to last when the target control is repositioned. The default is .1 second.

**Code:**

```
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"  TargetControlID="Panel1" HorizontalSide="Right"></cc1:AlwaysVisibleControlExtender> <%-- Here HorizontalSide="Right" so Panel1 which is TargetControlID will be  set in right hand side --%>    <asp:Panel ID="Panel1" runat="server" BackColor="#0099CC"><br /> <%--Here we take login control inside panel which is alwaysvisible panel--%><asp:Login ID="Login1" runat="server"></asp:Login><br/><br /></asp:Panel><asp:Panel ID="Panel2" runat="server"><asp:Label ID="Label1" runat="server" Text="Image List " Font-Size="XX-Large"></asp:Label><br /><br /> <%--Here we take 3 image simply for  showing Image--%><asp:Image ID="Image1" runat="server" Height="230px" ImageUrl="~/Jellyfish.jpg" /><br /><br /><asp:Image ID="Image2" runat="server" Height="230px" ImageUrl="~/Lighthouse.jpg" /><br /><br /><asp:Image ID="Image3" runat="server" Height="230px" ImageUrl="~/Desert.jpg" /></asp:Panel>
```

TargetControlID is "Panel1” this panel will always visible when you will scroll down the page.

**Run the [project](https://yourviews.mindstick.com/story/1788/things-to-ensure-your-construction-project-is-successful)**

[Subscription](https://www.mindstick.com/news/3093/meta-launches-quest-subscription-for-vr-headsets) panel will always visible when you will scroll down the page.

![AjaxControl ToolKit AlwaysVisibleControlExtender in ASP.Net](https://www.mindstick.com/mindstickarticle/6ed75847-090e-4b27-bb5a-75f2ad488ba4/images/cdb88b37-b1e3-48cf-b3b0-01a7d0d3b2f3.png)

Here page is scroll down but login panel is still visible because this panel is handled by **AlwaysVisibleControlExtender**.

![AjaxControl ToolKit AlwaysVisibleControlExtender in ASP.Net](https://www.mindstick.com/mindstickarticle/6ed75847-090e-4b27-bb5a-75f2ad488ba4/images/2ea1779a-5b21-4811-b48e-ee5e75584fb2.png)

---

Original Source: https://www.mindstick.com/articles/253/ajax-toolkit-alwaysvisiblecontrolextender-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
