Site Settings Layout Improvements using ExtJs

I've been wanting to revamp the Site Settings UI in mojoPortal for a while now. On friday I started doing a little work in the WebStore UI trying to implement tabs for grouping settings. First I implemented a server control that wraps the dojo TabContainer but for some reason I could not get the FCKeditor to display in Firefox inside the dojo Tabs. So saturday morning I tried using the ExtJs project and wrapping a .NET server control around their Tabs and it worked much better.

So I decided to go ahead and use it in Site Settings.

Much better organization than the previous layout. I just updated demo.mojoportal.com with this for anyone who wants a closer look. It will also be in svn trunk by tonight.

I have to say the ExtJs project is very impressive and I think I will focus on using it instead of dojo. Nothing against the dojo project but ExtJs seems more mature, has better documentation and better demos.

Amazingly impressive is their WebDesktop demo. Very cool stuff.

Posted by mojoPortal Sunday, October 28, 2007 1:47:45 PM Categories: Development Features

Comments

David

re: Site Settings Layout Improvements using ExtJs

Sunday, October 28, 2007 4:31:39 PM

That looks fantastic!  I'm looking forward to seeing how you've implemented ExtJs in .NET -- I might have to use some of that, too :)

Joe Audette

re: Site Settings Layout Improvements using ExtJs

Monday, October 29, 2007 7:52:56 AM

Thanks! It was pretty easy to implement the .NET controls for the TabPanel and for Tabs. They both inherit from Panel. The Tab control only adds the additional property "Title". The TabPanel sets up the javascript for itself and any child controls that are Tabs.

I'm going to use this in PageSettings and any other places with a lot of settings that need grouping. I'm also planning to write controls to wrap more of the ExtJs widgets, there are so many nice ones. Dialog box is next on my list, I want to use the ExtJs ones in favor of the iBox one currently used for help links.

bob

re: Site Settings Layout Improvements using ExtJs

Tuesday, October 30, 2007 8:08:11 AM

The new tab control is really a winner. Now  it will be possible  to  implement modules with  advanced administration interface requirements. Thanks.  

Rey Bango

re: Site Settings Layout Improvements using ExtJs

Wednesday, October 31, 2007 9:55:39 PM

Great job. Be sure to post about it on the ExtJS forums so the rest of the community can check it out.

Rey - Ext JS

Comments are closed on this post.