Microsoft "Atlas" .NET Overview
"Atlas" Framework and "Atlas" Control Toolkit
Shane Shepherd
Installing the "Atlas" Framework
- Go to atlas.asp.net and click the Download link.
- Download the most recent version and follow the instructions.
Installing the "Atlas" Control Toolkit
- Go to the "Atlas" Control Toolkit page
(a link on the "Atlas" home page).
- Follow the download link.
- Select AtlasControlToolkit.zip
- Unzip the download into a new directory called C:\Program Files\Microsoft ASP.NET\Controls.
"Atlas" Framework Controls - Toolbox
- Right-click in the toolbox and select Add Tab and name it Atlas.
- Right-click in the tab you just created and select Choose Items....
- The Choose Toolbox Items dialog will open. Click Browse... and navigate to
C:\Program Files\Microsoft ASP.NET\Atlas\<version>\Atlas and select Microsoft.Web.Atlas.dll.
- Click Ok to finish and the controls will be added to your Toolbox.
"Atlas" Control Toolkit - Toolbox
- Right-click in the toolbox and select Add Tab and name it Atlas Control Toolkit.
- In the Windows Explorer navigate to C:\Program Files\Microsoft ASP.NET\Controls\SampleWebSite\Bin.
- Select AtlasControlToolkit.dll and drag it to the tab you just created.
- The controls will be added to your Toolbox.
Update Panel - 1
- Allows you to update part of your page without posting back.
- Reduces the amount of data sent over the wire for page updates because the entire page does not have to be re-rendered on every postback.
- It improves the user experience by making the user interface (UI) seem more immediate and responsive.
Update Panel - 2
- Add
ScriptManager.
- Set
EnablePartialRendering="true"
- Add
UpdatePanel.
- Add
ContentTemplate and put controls inside.
Accordion - 1
- Show multiple collapsible panels, but only display contents of one at a time.
- The visible panel is tracked so that it stays visible across postbacks.
- Sizing can be:
- None - expands or contracts to fit content.
- Limit - expands no further than limit, contracts to fit content.
- Fill - height is set and does not change.
Accordion - 2
- Add
ScriptManager.
- Add
Accordion.
- Add
AccordionPane with Header and Content.
- Configure accordion attributes.
Confirm Button Extender
- Shortcut to adding an "Are you sure?" popup.
- You don't have to write any javascript
Confirm Button Extender Demo Code
Filtered Textbox Extender
- Shortcut to restricting user input.
- You don't have to write any javascript.
- You still need server side validation (Extender does not work if javascript is disabled).
Filtered Textbox Extender Demo Code
Collapsible Panel
- You must declare a !DOCTYPE in your HTML to trigger IE Standards-Compliant mode.
ExpandDirection can be set to Horizontal or Vertical(default).
Collapsible Panel Demo Code
Hover Menu
- Can be attached to any WebControl.
- Provides a popup panel which displays additional content when the mouse is moved over the control.
Rating
- Provides an intuitive interface that allows the user to select the number of stars that represent their rating.
- Rating also supports a ClientCallBack event that allows custom code to run after the user has rated something.