jQuery Desktop UI – ExtJS Web Interface Portal

By Sam Deering

The Web Browser Desktop

I have wanted to try out ExtJS for a while now and finally got the time to have a go and create a browser based desktop simulated user interface. The ExtJS framwork provides this seamlessly and so much more!

Live Demo

Features I have added:

Desktop User Interface
Google Maps API Example
Grid Example
Tabs Example
Accordian Example
Border Layout Example

These options are all available as desktop items, simply double click to open them as you normally would.

Features I would like to add (when I get the time):

Custom Layout Manager
AJAX Call Tabs
Web Forms
Window Messages
Graphs & Grids
Custom Theme Support

How to build your own (to get you started)

1. Download Ext JS Open Source http://www.sencha.com/products/extjs/download/

Sorry there are no more detailed instructions – I will add some here when I get more time.

More About Ext JS

Rich Modern UI Widgets – High performance scalable grids, trees, menus, and more.
Cross Platform – Accomplished with HTML5 and CSS3 styling.
Browser Compatibility – Ext JS supports all major web browsers including:
* Internet Explorer 6+
* FireFox 1.5+ (PC, Mac)
* Safari 3+
* Chrome 3+
* Opera 9+ (PC, Mac)
Clean Component Model – You can easily extend the default components to meet your needs.
Professional Documentation, Training and Support – Learning resources and API documentation.

100 Ext JS Demos http://www.sencha.com/products/extjs/examples/

Download Ext Js http://www.sencha.com/products/extjs/download/

Product Licence: Free Open Source for non-commercial use http://www.sencha.com/products/extjs/license/

Product Website http://www.sencha.com/products/extjs/

ext js ui, jquery ext js, jQuery Management UI

Meet the author

Sam Deering

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Pingback: jQuery Desktop UI – ExtJS Web Interface Portal « « Big Engine Media Big Engine Media()
Pingback: jQuery Weekly Roundup #4: 5/11/11 - webdesigncrowd.com()
Pingback: 10 jQuery Plugins to Enhance your User Intefaces | jQuery4u()
Pingback: 10 jQuery Plugins to Enhance your User Intefaces » PHP Script Blog()
Pingback: 10 Free Desktop Apps for Managing Code Snippets | jQuery4u()
saffa

It’s really good example. From where can I see source code of this example?
- jquery4u
  
  @saffa,
  
  The source code was very big! almost 400mb so sorry I can’t list it. If there is anything specific you were after I could try dig it up for you!
Pingback: 10 JavaScript Web UI Libraries, Frameworks and Toolkits | jQuery4u()
Pingback: Interesting JavaScript & jQuery – February 2012 | jQuery4u()
Aditya Mangipudi

Superb!! Looking forward to implement something like this.. :)
xcape

Hi everyone.

The reason for this is to present to society “ExtDesk”.

Can be defined as “A new Desktop for the Web,” based on the ExtJs library.

Its main function is to have a work environment, comprehensive, system login and user control to serve as a platform to develop your projects comprehensively.

We have also tried to do multilingual so that best suits your needs.

It is programmed using JavaScript, PHP and mysql.

You can access any of these links:

http://www.extdesk.net
http://demo.extdesk.net
http://forum.extdesk.net
youtube :http://www.youtube.com/watch?v=T-X2XI2IoxQ
twitter: @extdesk

This project is starting, so ask your “cooperation” to have an infrastructure to keep it alive and growing.
ilyes

Hi everyone,
I would like to post a similar plugin, but for jQuery http://ilyeskooli.com/jqdesktop/