Atlas TabStrip

I found this gem on Bertrand Le Roy's blog and it's exactly what I needed to replace the IE TabStrip control from ASP.NET 1.1.  The original author posted the code sample on the ASP.Net Forums.  One issue with the post is that there is no working demo of this great code sample or downloadable source as echoed in the comments. I took the liberty to create quick demo and provide the source as a file-system based Atlas web project.  All credit for the code goes to Kwang Suh and Bertrand Le Roy.

The sample code eloquently uses div tags, ul tag, and css.  It works in both IE and Firefox. In addition, the javascript code is encapsulated within a single .js file and reference with the Atlas ScriptManager. 

Check it out for yourself.  Below is a demo that represents the output of the Kwang Suh's code without any edits.  You can download the source or just take a look at the individual files as text.

Demo: http://atlas.vertigosoftware.com/atlastabstrip/

Source: http://blogs.vertigosoftware.com/files/alan/atlastabstrip.zip
Default.aspx: http://atlas.vertigosoftware.com/atlastabstrip/default.aspx
TabSet.js: http://atlas.vertigosoftware.com/atlastabstrip/TabSet.js

Update: I've created a different version of the TabStrip that will perform asynchronous postback with the update panel.

Posted using the new Windows Live Writer.

posted on Monday, August 14, 2006 2:09 PM by AlanL

Comments

# Atlas tabstrip

Tuesday, August 22, 2006 3:58 AM by Andrew Stopford's Weblog
Just a heads up if your looking for a cross browser tab strip control for ASP.NET that uses Ajax then

# Atlas tabstrip

Tuesday, August 22, 2006 4:18 AM by Community Blogs
Just a heads up if your looking for a cross browser tab strip control for ASP.NET that uses Ajax then

# re: Atlas TabStrip

Tuesday, August 22, 2006 8:10 AM by someguy
what version of firefox did you test it in? it does not work for me in 1.5.0.6. i am seeing all of the tab panes displayed at once and clicking the tabs has no visible action. i see a similar issue in opera 9.01 as well.

# re: Atlas TabStrip

Tuesday, August 22, 2006 10:41 AM by Alan Le
Hi Someguy,

I'm using 1.5.0.6 as well and it works fine. I'm not sure about opera 9.01.

# re: Atlas TabStrip

Tuesday, August 22, 2006 11:06 AM by someguy
haha. sorry after seeing your response i took a second look. i had javascript turned off in firefox, i was testing how something degraded earlier and forgot to turn it on. once i reenabled iteverything works fine in firefox. i double checked, javascript is enabled in opera though.

# re: Atlas TabStrip

Tuesday, August 22, 2006 3:23 PM by ksuh
Hi there. I'm the creator of the control.

I have made a few changes to the control to make it even better (the selected tab is persisted between postbacks and the control is now just a DLL that you can include in your project), but it's been a while since I've touched it.

Interesting about it not working in Opera. I'll have to check that out.

I guess I should start a blog or something :)

# re: Atlas TabStrip

Wednesday, October 04, 2006 7:08 AM by Dan
How would you get the tab index on postback? I can't figure out how to set the _viewIndex on page_load within my .cs file....

# re: Atlas TabStrip

Wednesday, October 04, 2006 7:11 AM by Dan
Nevermind... I got the updated version!

# re: Atlas TabStrip in Beta2

Monday, November 13, 2006 9:49 PM by Vijay Santhanam
I was using your Tabset in CTP but cannot get it working in the new AJAX.ASP.NET beta. I've tried updating the derived control into the prototype model, but am getting stuck with the xml-script instantiation.

I've emailed you a copy of my hacking..

Have any hints about how to update the Tabset into Beta2 control model?

Thanks!

# re: Atlas TabStrip

Monday, June 04, 2007 2:15 AM by TabStripUser
The demo link is down.
is there any chance this can be fixed?