Ext Gantt

Ext Gantt is a highly interactive gantt chart component that can assist you in project management, resource allocation and more. It is very easy to setup and customize according to your business needs.

The component is written in pure JavaScript and it is based on the Ext JS framework but requires nothing else to run. It has no server dependencies whatsoever – meaning it will work together with any backend.

Click here to go to the site

Features

• Fully themeable, requiring only some basic HTML/CSS knowledge
• Easy to plugin your own business logic
• Drag & drop and resize functionality
• Inline editing of labels
• Zoom functionality
• Full dependency support
• Easy to extend and override
• Supports all major browsers (including iPhone Safari)

Name: Mats Bryntse (ExtJs Profile – Mankz) Info: Ext JS enthusiast, member since 2007 and author of Ext Scheduler & Ext Gantt. Also created the Framework Scanner for inspecting the footprint of the popular Ajax frameworks. http://www.extjs.com/forum/member.php?17197-mankz

Ext Designer works on two levels–as a prototyping tool as well as a code generation tool. Particularly for complex UIs, it saves tens of hours of development time that are normally spent tweaking layouts and making sure that nested elements play well together. Best of all, (and unlike most prototyping tools), it produces clean, object oriented code that looks like the code you would have written yourself.

We think that Ext Designer will be a great tool for both single developers and teams working together to build applications. The drag and drop interface can be used by anyone involved in the design of an application. A project can easily be started by a business analyst, passed to a user interface designer, and finally handed off to the development team to be enhanced with functionality—saving time every step of the way. We’ve even used Ext Designer to build parts of Ext Designer!

Features

The main screen of Ext Designer allows developers and designers to assemble layouts by dragging and dropping components together. They can quickly change the layout of a specific component, or use the inspector to manipulate more detailed properties.

In addition to components and the visual side of an application, there are also several new ways to incorporate and configure data stores. These data stores can then be bound directly to components like DataGrids and Trees. Whether your data is in JSON, XML, a simple Javascript array, or an Ext Direct connection, Ext Designer can help you build a data store for it faster than ever.

Once the application design is finished, code can be exported on a component-by-component basis, as either JSON or Javascript classes. Again, this code is still Javascript, so it can easily be extended with the IDE of your choice.

Interface

Those who have seen early previews of Ext Designer are in for a nice surprise. We’ve completely redesigned the application for final release, giving it a whole new level of polish. In addition to a better look and feel, the new product chrome looks separate and distinct from the actual interfaces you are creating, which we think will prove very helpful.

All in all, we have truly put our hearts into Ext Designer and we hope you’ll find it as useful as we have. We will be hosting some webinars soon, but download Ext Designer today and try it out for yourself!

Here, Jay walks you through how Ext JS Data Stores and GridPanels work. First by a slide show, illustrating how the utility classes are used, then an actual live code walk through.

What is ExtizeMe

ExtizeMe, basicall, is a wordpress theme. It makes heavy use o JavaScript. Everything: layout, behaviour and look&feel needs JavaScript to work. If a user browser does not have JavaScript enabled, ExtizeMe displays itself as plain html theme: ExtJs 1.9.

Current features

• ExtizeMe is SEO-Friendly; web crawlers see it as plain HTML websites, while users with modern browsers can use advanced, dynamic interface;
• ExtizeMe has two modes: full and preview. In preview mode people can switch between JavaScript and HTML layout. Full mode does not allow for such a choice;
• ExtizeMe has currently one sidebar, accordion layout;
• ExtizeMe has 6 CSS skins which are actually Ext JS themes;
• …There are more…

Secreenshots

Jonathan Julian is going to share and elaborate on five areas to improve your Ext JS applications, which range from defining your own components to properly overriding the framework.

Shea Frederick will be guiding us through advanced JavaScript debugging techniques, demonstrating some of the best tricks for the latest and greatest JavaScript development tools.

I’ll give some practical explanations how analysis-driven development can aid in the success of your application construction, reducing time from conception to production

Jay will explore the benefits of using base classes to improve and standardize application infrastructure.
He will walk through a real time example writing a base class and two implementation classes.

I’ll give some practical code walkthrough on understanding the default theme CSS, using Renderers, and writing/ overriding Ext Templates to give your app a unique look and feel.