SOS

Shane O'Sullivan's technical blog… really ties the room together

Massive TabContainer upgrade added to Dojo

Posted by Shane O'Sullivan on August 11, 2009

I previously wrote about work I was doing on the Dojo Ajax Toolkit‘s TabContainer widget.  This work prevents the tab buttons from wrapping around when they are wider than the available space, and instead allows you to use either a drop down menu to select the tab (like Firefox/IE7), or to use left and right slider buttons to “slide” the buttons.

Well, thanks to some great collaboration with Dijit master Bill and a Dojo contributer called alle, the work has now been committed to the code base.  It should be available to view HERE from Aug 12th 2009 onwards, and will be in v1.4 when it is released.

If you can’t wait for it, you can either download a copy of the nightly code base from http://archive.dojotoolkit.org/nightly after Aug 12th, or checkout the code yourself from Subversion right now.  Note that code in between releases is not guaranteed to be stable, as many features may be in the middle of upgrades.

There are a couple of issues remaining to be worked on, such as improved right-to-left support, but for people who have been clamouring for this to make it into the code base, you can grab this now, and get the upgraded, more stable widget in v1.4

11 Responses to “Massive TabContainer upgrade added to Dojo”

  1. Awesome! Great work!

  2. Andrew Schnable said

    Looks really nice – how will this work if you have your tabs over on the left or right? And are re there any notifications that fire off when the slider or menu tab is selected?

  3. This will come handy for IWebJTracker for sure. Once I have the first preview version that is😉

  4. @Andrew

    There are some small issues remaining with right-to-left support, which will be fixed up before v1.4 is released.

    No notifications are fired when sliding, just when selecting a tab.

  5. Rob T. said

    Is it possible to get a notion of stack order for tabs? When a tab closes having it always go back to the first tab can get a little annoying. (The more tabs you have the more annoying it is.)

    Thanks,
    –Rob

    • Rob T. said

      FWIW, I created an enhancement request ticket #9776 regarding the tab ordering (in other words, which tab gets displayed when you close the open one.) I didn’t find any other tickets covering the same subject, though I had expected there would have been.

      Thanks,
      –Rob T.

  6. […] my blog post at https://shaneosullivan.wordpress.com/2009/08/11/massive-tabcontainer-upgr… for more details and a […]

  7. chrisweb said

    VERY NICE!

  8. I was looking for this exact functionality around 6 months ago, and didn’t have the time to try and code it. VERY nice work!

  9. Piyush D said

    Hi,

    Your work on Tab Container is great. I loaded the demo with Google Chrome 2.0.172.139 and it works great. However the same demo breaks when I use it with IE6 (6.0.2900.2180.xpsp_sp2_qfe.090206-1239).

    Same is the problem with many dijit components, so cross browser support is very weak and it’s not nicely degradable.

    Do you have any plans to address these issues?

    Thanks,
    Piyush

  10. Hi Piyush,

    I and others have tested the TabContainer and all Dijits in IE6, and they work just fine for us.

    Can you please explain what you mean by “the demo breaks”? What version of Windows are you using?

    If you find any bugs with IE6 and Dijit, can you please log a ticket for the problem at bugs.dojotoolkit.org ? We are very serious about supporting IE6, and do our best to make sure that all bug reports are addressed before a release.

    Thanks

    Shane

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: