ChrisManciero.com

Create an Always Visisble Control

This is the control that I always want to be visible.

This always visible control was created using Asp.Net Ajax controls. The AlwaysVisibleControlExtender control was used with a HTML DIV control. Using the Asp.Net Ajax controls makes the always visible control work very easy.

(This tutorial assumes you already downloaded and installed the Asp.Net Ajax Essentials and the Asp.Net Ajax Control Toolkit which can be downloaded here.)

1. You want to make sure that one and only one ScriptManager control is on the page.
   
   
2. To create an always visible control first insert the text you want to always display in a DIV.
   
   <div id="divVisible"
   runat="server"
   style="background-color:#99ff99;
   border:dashed 1px #000000;">
   This is the control that I always want to be visible. </div>
   
   
3. Add the AlwaysVisibleControlExtender. Here is an example to what I set the attributes to.
   
   <ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1"
   TargetControlID="divVisible"
   HorizontalSide="Center"
   VerticalSide="Bottom"
   runat="server"
   ScrollEffectDuration=".1" />

So there you have it. Easy steps to follow to create an always visible control on your site.