This Module Has Been Deprecated!

 

This module has been deprecated!

It has been superseded by our Live Tabs Module

 

 

This overlay is generated by our Live Content Module


  

  • Simply put CSS Tabs allows you to show Virtually Any Content in tabs; whether it's Text/HTML, existing module on your portal, or an existing web page.
  • Support for AJAX saves bandwitdh and provides content on demand.
  • Tabs are CSS driven which allows complete customization to match the look and feel of your site. Several skins are included to get you started and many more can be downloaded from our site. You can always create your own skin and add it to the module with our skinning engine.

    See included Default Skins and More Skins available for download!
  • Tabs are Javascript driven which makes your pages quicker and more responsive to user interaction.
  • CSS Tabs can be further enhanced with Add-Ons; check out CSS Content Rotator


  • Supports both AJAX and Non-AJAX versions
  • Supports Unlimited Tabs

  • Tabs can show virtually any content: HTML / Text, Existing Module, or any Existing Content (URL)

  • Tabs can link to External Resource (URL)

  • Allows selection of Initial Tab, optionally set Tabs Persistence Feature*

  • Optionally set feature to Auto-Select Tab on MouseOver*

  • Allows multiple module on same page with different skins using Inline CSS feature

  • Security is built-in for each tab. Permissions allows you to select which role can view the tab.

  • Initial Tab
    • This tab is by selected default when the page loads. It could be any tab within the module.
  • Tabs Persistence
    • When enabled, remembers the last tab user visited. Very useful if you want to show existing modules that require postbacks. Without this feature, the module would change the selected tab to initial tab
    • *Feature is only available with Non-Ajax version
  • Auto-Select Tab on Mouseover
    • When enabled, user no longer has to click on the tabs to select it. Tabs will be automatically selected as user moves its mouse over it.
    • *Limitation: When there is more than one CSS Tabs module on the page, either all modules must use "Auto-Select" feature or all must not use this feature.
  • Inline CSS
    • Now you can show different skin for each CSS Tabs module on the same page. That's right, you can even have different themes on the same page.
  • Permissions
    • Another new feature which allows you to select which security roles can view the tab. Of course, you can make the tabs anonymously viewable.

Following features are demonstrated in this module...

  • NON-AJAX Version
    • This module is using Non-Ajax version for demonstration purposes. It also ensures that content within this module gets indexed by search engines...
  • Tab Links
  • XMOD Tab
    • This tab shows "existing module" XMod which we're using on our contact us page
  • Tabs Persistence 
    • XMod tab actually shows a contact us form. If tabs persistence isn't enabled, then user will see the "first" tab when page refreshes...
  • Container Tab
    • You can optionally show a module without its container. Check this tab to see how we're showing our membership stats without container.
  • Yahoo Search Tab
    • This tabs simply shows how easy it is to show existing content within tabs. In this case, we're showing yahoo's homepage

Contact Us

Name
Email
Comments
Send Us Your Comments   
    
Membership Membership:
Latest New User Latest: javeediq
New Today New Today: 3
New Yesterday New Yesterday: 1
User Count Overall: 2376

People Online People Online:
Visitors Visitors: 184
Members Members: 0
Total Total: 184

Online Now Online Now:

CSS Tabs includes its own "Skin Manager" for installing new skins.

There are plenty of skins included to get you started; however, keep checking back our More Skins page for many more downloadable skins. We continue to add more skins for our clients and they're available to download for FREE

CSS Tabs module is infinitely customizable since it's driven by Cascading Style Sheets (CSS) You can simply edit the CSS file to make minor changes or create your own skins by following our guide in documentation.

Check out included and available skins...

 

At Mandeeps.com, we deliver products with premium support. We proud ourselves on our support and customer satisfaction. Support is offered through email, our online support forum, our online contact forum, and through Snowcovered.com HelpDesk

Complete Documentation for CSS Tabs is available online

You may also be interested in additional Demo's and Screenshots. Check out how easy it is to setup and manage CSS Tabs

 


 

Supports DotNetNuke Search Indexing which means all your "Html/Text" content will apprear in DotNetNuke search results.

Offers DotNetNuke Tokens in "Html/Text" which allows you to personalize the user experience especially when being used with Permissions. Few tokens are [DNN:FullName] , [DNN:PortalName], etc...

Allows selecting a tab within a module directly via a URL link. That's right, you've asked for URL Tab Links and we've got em...

We even introduced Client Side Tab Links which allows you to select a tab from within a page. Check the demo to your left under Demo Tab

 


Following features are demonstrated in this module...

  • AJAX Version
    • This module is using AJAX version of CSS Tabs module. You'll notice that content is not preloaded and is dynamically fetched when a tab is clicked.
  • Exisitng Content
    • The tabs within this module are using existing content such as YAHOO! Sports, Life Magazine, CNN World News, YAHOO! Local, and YouTube Videos...
  • Skin
    • This module is using brown Uniform-Width skin which resembles YAHOO's tabs...
  • Multiple Module
    • Please note that there are multiple CSS Tabs module on this page including this one.