How To Use Always Visible Control In Asp.Net

The AlwaysVisibleControl is a simple extender allowing you to pin controls to the page so that they appear to float over the background body content when it is scrolled or resized. It targets any ASP.NET control and always keeps the position a specified distance from the desired horizontal and vertical sides. So today I am going to show you how to use it you canfind a step by step procedure to use Always Visible Control in Asp.Net.

Before going to start the tutorial make sure that you have install Ajax Control Toolkit in your Visual studio, if not then you can install it by clicking on the link that is given below :

You might also like this :: How To Install Ajax Control Toolkit in Visual Studio

Now start the tutorial -

 Step 1 ::

look at the snapshot above and take three control from toolbox :

Goto Toolbox and click on Ajax Control Toolkit Tab
now Select ToolScriptManager
Toolbox > AjaxControlToolkit > ToolScriptManager

Goto Toolbox and click on StandardTools
now select a Panel
ToolBox > StandardTools > Panel

 Step 2 ::

Now what you have to do, simply click on the Smart Menu of Panel and Click on the Add Extender.
When you click on the Add Extender a window will open.

 Step 3 ::

Now from that window select AlwaysVisibleControlExtender and click on OK button.

1. AlwaysVisibleExtender
2. ID for Extender
3. OK 

 Step 4 ::

Now Select Panel and click on F4 or simply goto the properties of Panel and explore the Pane1_AlwaysVisibleControlExtender now you can find that there are several properties that AlwaysVisibleControlExtender follows. You can chage these properties according to your choice. Some properties are given below :

• TargetControlID - ID of control for this extender to always make visible
• HorizontalOffset - Distance to HorizontalSide edge of browser in pixels from the same side of the target control. The default value is 0 pixels.
• HorizontalSide - Horizontal edge of browser (either Left, Center, or Right) used to anchor the target control. The default value is Left.
• VerticalOffset - Distance to VerticalSide edge of browser in pixels from the same side of the target control. The default value is 0 pixels.
• VerticalSide - Vertical edge of browser (either Top, Middle, or Bottom) used to anchor the target control. The default value is Top.
• ScrollEffectDuration - Length in seconds of scrolling effect to last when the target control is repositioned. The default value is .1 second.
• UseAnimation - Whether or not to animate element into position and the default is false.

 Step 5 ::

Now after following the above steps run the page on browser and you have done with How To Use AlwaysVisibleControl In Asp.Net.

From the Editor’s Desk

According to me these steps are very clear and hope you will not face any problem to implement these steps but if you face any problem regarding these steps then feel free to ask me via comments.

And if you feel this post is udeful then don't forget to share it.

Thank you for giving your time.