Sencha Inc. | HTML5 Apps

Extensions and Themes

Published Mar 18, 2011 | The Sencha Dev Team | Guide | Easy
Last Updated Jul 11, 2011

This Guide is most relevant to Ext JS, 1.x, 2.x, 3.x.

The Ext JS community has a large number of enthusiastic developers creating extensions and themes that you can use for your own applications. Use this list to find good quality components supported by third-party community members. If you you have created - or know of - any extension or theme not on this list, let us know in the comments, and they will be added.

User Extensions

Ext 3.0

Ext.ux.plugins.grid.stripeCols by BitPoet
GridPanel plugin that adds column striping. Also works with ExtJS 2.x.
Ext.ux.plugins.grid.CellToolTips by BitPoet
Memory friendly plugin to add templated Tooltips to grid cells. Also works with ExtJS 2.x.
Ext.ux.grid.selectiveCheckboxSelectionModel by BitPoet
Extension to the CheckboxSelectionModel with a filter which rows should be selectable. Also works with ExtJS 2.x.
Ext.ux.plugins.grid.highlightSort by BitPoet
Highlight currently sorted grid column by applying a custom css class (with different classes for ascending/descending sort). Also works with ExtJS 2.x.
Ext.ux.grid.FilterRow by Rene Saarsoo
Creates filtering fields into headers of grid columns. Also might work with ExtJS 2.x.
Ext.ux.grid.FilterRow by Surinder Singh
Creates filtering fields into headers of grid columns. Some advance filter options can also be added to header menus
Ext.ux.PhotoUploader by Surinder Singh
User can upload then crop that uploaded image.

Ext 2.0

example100px.pngExt.ux.GEarthPanel by Bjorn Sandvik
Integrating Google Earth API with Ext JS.
Ext.ux.DatePickerPlus by wm003
Powerful enhanced Calendar Widget: Multimonth, Multiselect, WeekNumbers,WeekEnd, Holiday, Custom CSS Days... works as standalone, DateMenu and DateField
Ext.ux.Timelines by para
A set of objects implementing undo/redo for Grid, Tree, and Form widgets.
Ext.ux.PrinterFriendly by Steffen Hiller
Easily build printer friendly layouts and grids for your Ext JS pages.
Ext.ux.PowerWizard by mdm-adph
An extensible wizard framework.
Ext.ux.form.FieldAutoExpand by Artur Bodera
Easy to use plugin, which expands your fields to nicely fit FormPanel container.
Ext.ux.grid.DragSelector by Claudio Walser as Foggy
A drag selector for any type of grids.
Ext.ux.TinyMCE by Andrew Mayorov (BYTE-force)
Form field hosting TinyMCE v3 editor.
Ext.ux.Sortable by Rowan
Creates a Draggable elements within a container with Serialise function and custom events. Works very much like Scriptaculous
Ext.ux.GuiDesigner by Sierk Hoeksma
A Gui Designer widget for ExtJs. Create a ExtJS GUI by just draging and dropping elements onto a container. Add you events with the inline code editor and run in using a jsonpanel or jsonwindow.
Ext.ux.Domino.LoginMenu by galdaka
Multilanguage authentication interface for not only Domino web applications.
Ext.ux.SwfUploadPanel by mikegiddens
Upload mulitple files in a queue style fashion using SwfUpload
Ext.ux.Domino.OutlinePlugin by galdaka
Create tree structure in a container from Lotus Notes Outline in one step.
Cherry On Ext by Netbox Team
A filter utility, a way to manage user prefrences and much more.
Ext.ux.MarkdownEditor by Samuel Cormier-Iijima
A Markdown editor, similar to the Html editor included in Ext. Can use Showdown if installed for live previews.
Colorpicker by Amon
ColorPicker, ColorPanel and ColorDialog widget for ExtJS 1.1 & Ext 2.
Ext.ux.Crypto by Jeff Howden
Includes SHA-1, TEA, and AES, all client-side.
Ext.ux.UUID by Jeff Howden
Generate a UUID client-side or pass a connection config object to retrieve one server-side.
Ext.ux.GUID by Jeff Howden
Generate a GUID client-side or pass a connection config object to retrieve one server-side.
Ext.ux.UFO by Jeff Howden
Port of UFO (Unobtrusive Flash Objects) v3.22 by Bobby van der Sluis to Ext.
Ext.ux.ManagedIframe[Panel] by Doug Hendricks
Use Iframes as the Body for Ext.Panel/Window; adds DOM and document status events, cross-frame messaging support, and more.
Ext.ux.MediaPanel[.Flash] by Doug Hendricks
Custom Panel implementation embeds the necessary <object> tags for over 16 different media types, inluding a custom ux.MediaPanel.Flash class supporting Flash version detection, in-line Flash plugin updates, ActionScript interaction, and more.
Ext.ux.data.PagingMemoryProxy by Trbs
A proxy for local / in-browser data structures with support for: paging / sorting / filtering / etc.
Ext.ux.InlineToolbarTabPanel by Dawesi
Allows toolbar items (menus, buttons, etc to be placed inline in the tab placeholder.
Ext.ux.Andrie.Select by Andrei Neculau (blog)
A form field which acts like a ComboBox with support for multiple selections
Ext.ux.Andrie.pPageSize by Andrei Neculau (blog)
A plugin for Ext.PagingToolbar which adds a dynamic ComboBox for selecting the pageSize
Ext.ux.plugins.RemoteValidator by Saki (demo)
A plugin that adds remote validation support to form fields.
Ext.ux.Plugin.RemoteComponent by Timo Michna (demo)
Plugin loads Component configurations from a remote / AJAX source, creates the Components and populates them in the (plugin`s) container-body (items).
Ext.ux.Multiselect/ItemSelector by tjstuart (demo)
Ext implementation of a HTML select/multiple widget AND an Item Selector widget.
Image:uxItemselector.jpg
Ext.ux.MultiMonthCalendar by aungii
Multi Month Calendar Component
Image:MMCalendar_T.PNG
Ext.ux.form.GroupComboBox by Robert B. Williams (vtswingkid)
This field provides category grouping for combo boxes. This grouping is similar to that of the grid's grouping view.
Ext.ux.form.FieldPanel by Robert B. Williams (vtswingkid)
This provides an easy way to create a single field using multiple fields and items. See the ipfield and timefield included.
Ext.bb.DefaultWindowButtons by Ronaldo
Adds default Ok and Cancel buttons or a Close button to a window and provides standard behaviour for these buttons.
Ext.ux.J2EEAuth by Marte
Transparently intercepts and handles authentication requests from J2EE applications using FORM authentication method.
Ext.ux.form.Spinner by Steven Chim
A form field to spin through numbers, dates and time. Spinning behavior can easily be extended, ie: to spin through an array or dataset.
Ext.ux.grid.ProgressColumn by KRavEN
A grid plugin that shows a progress bar for a number between 0 and 100 to indicate some sort of progress. The plugin supports all the normal cell/column operations including sorting, editing, dragging, and hiding. It also supports special progression coloring or standard Ext.ProgressBar coloring for the bar.
ExtJsWithDwr
Extensions (e.g., DwrProxy) for using Ext JS with DWR (Easy AJAX for Java)

Ext 1.x

Ext.ux.Sortable by Rowan
Creates a Draggable elements within a container with Serialise function and custom events. Works very much like Scriptaculous
Ext.ux.ComboBox autoSize by Jon Ege Ronnenberg
A ComboBox that will have the width of the widest item in the ComboBoxs data store.
Collapsible InfoPanel/Accordion by Saki
A draggable panel component that can be docked accordion-style with other panels. Supports panel reordering, pinning, single- or multi-expandable accordion and more.
Navigation MenuBar by Animal
An extension to the Ext Toolbar that adds standard Windows menu-like behavior. Once you've "activated" the menu Toolbar by clicking an item, it will stay open until you select an item (or click elsewhere on the page).
Google Search for InfoPanel by Saki
Extension of InfoPanel to show beautified Ext-like Google Search form. Search results can be shown in a configured iframe within the main page.
Auto Config Grid by Joris
An extension of the (Editor)Grid which receives the ColumnModel meta data from the DataReader.
FileTreePanel by Saki
An extension of Ext.tree.TreePanel for managing of server directory tree structure from a browser.
ServerForm by Trbs
An extension of Ext.form.Form for retrieving the form definition from the server. The definition from the server contains all fields displayed in the form and their configuration. It can also add validation rules both existing in Ext.form.VTypes and new ones as JavaScript functions.
UploadForm by Saki
An extension of Ext.form.BasicForm for easy uploading of (multiple) files to server.
SecurePass by Vincent Clair
An extension of Ext.form.TextField for evaluate the strength of a password.
Ext.ux.SWFUpload by Saki
SWFUpload version of UploadForm.
Tag Cloud Component by Ryan Petrello
Allows you to have a tag cloud on your page that can load data remotely or locally via any Ext.data.Store.
Swiff Code Writer by Jon Whitcraft
Easily write a Swiff file to your web page with this Extension
Ext.ux.Calculator by tjstuart
Basic calculator. Easily integrated as a popup for NumberField, TriggerField etc ... much like the popup Calendar for DateField.
Ext.ux.Multiselect/ItemSelector by tjstuart
Ext implementation of a HTML select/multiple widget AND an ItemSelector widget.
Image:ItemSelector.png
Fisheye Menu by matjaz
An OSX dock-style fisheye menu.
Ext.ux.ManagedIframe by Doug Hendricks
Use Iframes as the Body for Ext.ContentPanel; adds DOM and document status events, cross-frame messaging support, and more.
Ext.ux.data.PagingMemoryProxy by Trbs
A proxy for local / in-browser data structures with support for: paging / sorting / filtering / etc.
Ext.ux.CodePress by eVizions
A port of CodePress (dynamic code syntax highlighting) as a form component.
Inline Form Fields by Nullity
Inline editable form fields with support for Ajax auto-save.
ColumnTree Component by Ryan Petrello
Allows you to have a column-based tree widget (much like the Column View in Apple's Finder) that can load data remotely or locally via any Ext.data.Store.
ColorField Component
ColorField is a form field that allows you to choose a color from the menu or enter it manually. Includes validation and a preview swatch of the color.
Ext.ux.Wizard for 1.x by Frank Cheung
Wizard is derived from Ext.BasicDialog, you can create simple generic wizard skeletons with this a dialog template.
Image Carousel by Hazlema
An image carousel for allowing users to select an image from a scrolling set of images
Ext.ux.form.FormWthInfoTip by Michael Matthee
A customized form to allow information icons with corresponding tool-tips to appear next to all Form fields.
Ext.ux.SlideZone - Multi-purpose Slider Widget by Jared Gisin
A multi-purpose slider. Supports horizontal, vertical, area (region) slide zones and two different types of sliders, event observation, CSS styling and more.

User Themes

Ext 2.0

Extend of gray theme by galdaka
Extend default Ext 2.x gray theme for the rest of the widgets.
Slickness Theme by madrabaz Ext 2.0 Theme.
Black Theme by madrabaz
A black Ext 2.0 Theme.
Dark Gray Theme by madrabaz
A dark gray Ext 2.0 Theme.
PurpleTheme by madrabaz
A purple Ext 2.0 Theme.
Olive Theme by madrabaz
A olive Ext 2.0 Theme.
Slate Theme by J.C. Bize
Slate theme for Ext 2.0.
Ext 1.1

Ext 1.x

Galdaka Theme by Galdaka
A white Ext Theme. Covers all css and widgets
Share this post:
Leave a reply

Written by The Sencha Dev Team

2 Comments

Gundoshpr

3 years ago

Aloha!zeql! http://eykwjh.com gqjtq pnfnz

Hieu Le

3 years ago

Great article!

Leave a comment:

Commenting is not available in this channel entry.