July 16, 2012

AlwaysVisibleControlExtender from AJAXControl ToolKit Code Example

AlwaysVisibleControlextender :When displaying information in the browser sometime you may want to display
some information fixed on the Browser screen ,So we can use this alwaysvisiblecontrolextender  Control
from AJAX Control Tool Kit and set the position on the screen , It will be then visible even after user has scrolled the screen.

Before know how to use this control we have to know How to integrate the AJAX Control Tool Kit in Visual Studio as it is not by default there.To add AJAX Control Tool Kit Download it from the below link
http://ajaxcontroltoolkit.codeplex.com/downloads/get/116534

After that In Toolbox right click and go to AddTab as below

Now Name the tab as you want Ex. AJAXToolKit

Then Right click on the tab and click on Choose items as below

Then Browse for the AJAXCONTROLTOOLKIT.DLL from the download location.

It will add All the controls from AJAXControlToolkit to your VisualStudio Toolbox and you can use them
as any other standard controls.

Nowto Use alwaysvisiblecontrolextender
First Drag the ScriptManager on the page and then Drag the alwaysvisiblecontrolextender

set the position of the alwaysvisiblecontrolextender  control on the page by setting properties
HorizontalOffset and  VerticalOffset
and then Set the TargetControlID Property , which will define which content has to be fixed on the screen

See the Below example

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AlwaysVisibleControl.aspx.cs" Inherits="AlwaysVisibleControl" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   
    <title></title>
</head>

<body>
    <form id="form1" runat="server">
     <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
            <asp:alwaysvisiblecontrolextender ID="Alwaysvisiblecontrolextender1" HorizontalOffset="160" VerticalOffset="140"  TargetControlID="Panel1" runat="server"></asp:alwaysvisiblecontrolextender>
 <asp:panel ID="Panel1" runat="server">
             This Text Is always visible 
            
            </asp:panel>
    </div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
       <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
         <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
           <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
             <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
              <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
       <asp:Label ID="Label7" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
         <asp:Label ID="Label8" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
           <asp:Label ID="Label9" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
             <asp:Label ID="Label10" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
              <asp:Label ID="Label11" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
       <asp:Label ID="Label12" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
         <asp:Label ID="Label13" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
           <asp:Label ID="Label14" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
             <asp:Label ID="Label15" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
              <asp:Label ID="Label16" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
       <asp:Label ID="Label17" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
         <asp:Label ID="Label18" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
           <asp:Label ID="Label19" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
             <asp:Label ID="Label20" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
              <asp:Label ID="Label21" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
       <asp:Label ID="Label22" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
         <asp:Label ID="Label23" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
           <asp:Label ID="Label24" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
             <asp:Label ID="Label25" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
              <asp:Label ID="Label26" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
       <asp:Label ID="Label27" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
         <asp:Label ID="Label28" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
           <asp:Label ID="Label29" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
             <asp:Label ID="Label30" runat="server" Text="Label"></asp:Label><br /><br /><br /><br /><br /><br />
    </form>
</body>
</html>

No comments:

Post a Comment