|
|
|
|
|
Tabs Package
In Essential Tools, user friendly tabbed interfaces can be created using the Tabstrip and Multipage controls, to create highly professional web pages.
|
|
|
|
TabStrip's design time functionality lets you code less and design more.
Access commonly used properites easily through the SmartTag
Design time SmartTag
Tabstrip Designer dialog lets you create the tab structure visually as well as provides convenient accesss to customize properties of each tab item.
Tab Designer Dialog
Tab Designer output
Use the Style Designer Dialog to create custom styles for different states and apply them to different tabs right in the designer.
Style Designer dialog
Select built-in skins through the Autoformat dialog and preview the applied skin.
Style Designer dialog
Bind to XMLDataSources / SitemapDataSources easily during design time. Also bind to XML files, which is the most convenient and widespread format for heirarchial data, if showing multiple levels of tabs.
Design time Databinding
|
|
|
|
Multi-level (nested) tabs can be rendered to support a more complex navigation model.
Nested tabs
Scrolling support to efficiently render large number of tabs.
Scrolling tabs
|
|
|
|
Several built in Skins let you setup professional looking tabs in a snap.
Built In Tab Skins
Support for icons in each tab and support for relative positioning of icons with respect to tab text.
Tab icons
Easily associate TabItems with custom styles that define the look and feel of the items for different states.
Tab normal state
Tab hovered state
-
There is support for overlapping edges to create more fancy looking tabs.
Overlapping edges
|
|
|
|
Dynamic Content Load: With Multipage's AutoPostBack set to true and EnableCallback set to true, contents for a tab content can be provided dynamically via AJAX on demand!
Dynamic content load
Dynamic Tab Hierarchy Construction, With tab's AutoPostback and Enablecallback set to true, on server-side Click events generated via AJAX, you can dynamically add child tabs to the top-level tabs.
Dynamic tabs load
|
|
|
|
Integrate Tabstrip with Multipage to automate content switching.
Seperation of tabs and content area provides the developer great flexibility with the positioning of the content area.
Tabs automatically switching pages in an associated Multipage
|
|
|
|
With AutoPostBack set to true, receive Click events on the server. Also if EnableCallaback is set, you can receive these events via callback too!
Tabstrips comes with a good handy set of client side events. It also provides a very rich client side object model.
List of client side events,
-
ClientSideOnItemMouseOver.
-
ClientSideOnItemMouseOut.
-
ClientSideOnItemSelect.
|
|
|
|
|
|
|
|