JavaScript
Article

jQuery Desktop UI – ExtJS Web Interface Portal

By Sam Deering

The Web Browser Desktop

ext-js

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/

Sam Deering
Meet the author
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.

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.