Introduction : How can use AlwaysVisibleControl Extender Ajax Control ToolKit in ASP.NET.

The AlwaysVisibleControlExtender is allow the properties for specific displacement in the page.These are contain six types of property. This control sure that the target control remains visible irrespective of window resizing or scrolls up.

  • HorizontalOffset.
  • HorizontalSide.
  • ScrollEffectDuration.
  • TargetControlID.
  • VerticalOffset.
  • VerticalSide.

Step1 : Open visual studio and select file menu option.

  • Select WebSite option.
  • Select ASP.NET Web Site click ok.
  • Default.aspx page open.
ASP-page1.gif

Step 2 : Go to solutionexplorer and right click.

  • Select add new item option.
  • We select Web Form option.
  • Go to source and drag and drop AlwaysVisibleControl Extender,Label Control from toolbox.
  • Write code.
webforms.gif

Code :
<html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
 <title>my first visible control</title>
 </head>
<body>
 <form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager2" runat="server">
 </asp:ScriptManager>
 <div>
 <asp:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" TargetControlID = "Label1" HorizontalOffset = "7" HorizontalSide = "Center" ScrollEffectDuration = "1" VerticalSide ="Top">
</asp:AlwaysVisibleControlExtender>
<asp:Label ID="Label1" runat="server" Text="MY VISIBLE CONTROL IN AJAX" Font-Bold ="true" BackColor = "Aqua" BorderColor = "Aqua"></asp:Label>
 </div>
 </form>
 </body>
</html>

Step 3 : Now pressF5 and run.

my-visible-page2.gif