Video: How Do I: Use the ASP.NET AJAX AlwaysVisible Control Extender?

Presenter:Joe Stagner

See how easy it is to anchor a page element to a position on screen, where it remains always visible no matter how far the user may scroll the document. The floating page element may be anything from static text to an AJAX-based, context-aware help box.

The following text is a software generated transcript of the video. Click on a minute link to jump to a location within the video


Minute 0

In this field will show you how to use the always visible control center from the Ajax control took it to divide an area of content on your user interface stays visible matter how the user scrolls around the rest of the content of the page so of a vigilant developer and sacred website and because I chose the Ajax label website template I already have both a script manager on a page in reference to the Ajax control toolkit in the bin directory is a need is a bunch of a bunch of content just to have some scrolling content so I ve used to snippets cut and paste the nose of the Arkansas August entries are swept off my blog if I m going to Robbins is a two unit in the central United States solicitous accountant or a scroll and

Minute 1

Or file user interfaces and scroll through the stuff one little piece of content or defines the stay visible matter how we scroll to the source code and annexing that we could use me to define that scrollable area that we want to stay visible matter in America all sweet navigates my webpage so we can do that under the script manager here let s just after the script manager and before that gives it starts or contact us just add a panel that has a lot of content and so notice nothing special about this it s just an ASP net panel on its ideas always on a set a background color in a border color and some style stuff which ideal you do in a annex Journal CSS file and Sophia if I go to look at this content note that either this

Minute 2

Boxing this is the thing we want to be always visible right so right now this is just contact me so I can run this right now seem to trigger thought that the daily difference is always a control center to make this in to make this and stay visible as I scroll right so will the Abbey always visible can trip control center and they define it is said to be here actually want this to be over on the side of the page or the writing is on the page I want to stay visible as I scroll down through all this content so let s go down to our Ajax toolkit tab which we created Molina set up the Ajax control toolkit and let s find the always visible control extender drop one of those in the page and then hop over to source view mode where I can to find all of the properties of the

Minute 3

To define and so in addition to the name intranet server the first do I do is to add the target control ID so that some and so the target control ID is going to be the always on message then the always on message is simply the name of the panel that we specified from that contains that little gray box rights of its just the ID of the panel that we inserted our page next we want

Minute 4

Provides formatting so let s say we want the city policy the vertical side we want that to be the top and the vertical offset and make it 10 picks in horizontal side has worked well for the right inside a thin horizontal offset will also make it 10 this was also at a scroll effect as we can make things scroll faster or slower depending on how we want the user interface which is naked 1 which is a number much of the delay

Minute 5

Just do was go ahead and format is a little bit so you can see all the parameters vertical side only wanted to know what to talk and then do horizontal that area to know ahead and run our application we should see that see how this message boxes and relocated from the top left of the top right inside the screen based on the parameters we set and now as I grab the scrolled as the scrollbar scroll down through my page notice that come with that piece of contents is always visible even though we re scrolling around the page is that s as good as you will if you are if you want hello peace concert that stays visible as the as the users for a pizza knuckle

Minute 6

Shortcut key hell or something like that on board and whatever with whatever it s our content your application might one of exposes visible all the time it s just that easy to use the always visible control extender to provide that functionality in your ASP net application

Click here to go to original video page