Animation on ExtJs 4 login screen – Sliding background

I was experimenting some animation for a login screen. Here is a video of my first try – a sliding background login screen.
.

Create a password prompt dialog box on ExtJs 4

I couldn’t find a way to create a prompt message box with password input field. Ext.Msg.prompt is really another way to call Ext.Msg.show with configuration object. Unfortunately, it doesn’t support inputType config option, like the textfield component.

Creating a login page with ExtJS 4

This post is the ExtJs 4 update of my other post of ‘Creating a login page with ExtJS‘ which is based on an older version.

Added Donut Chart support for HighChart ExtJs 4 extension

Donut Chart support is added to the latest HighChart ExtJs 4 extension. The code and an example are included in my latest github. You can also try the demo in joekuan.org. The example uses the same dataset as demonstrated in original Highchart example.

Highstock extension for ExtJs 4

Here is a Highstock extension for ExtJs 4. The extension is derived from the original work of Highcharts ExtJs adapter with significant modifications. Although Highstock shares the same APIs and similar configs as the Highcharts, I tried my best to change as little as possible in terms of usage. With the correct setup, this extension can do all the different plots as the original Highstock demos in ExtJs 4 framework.

This is a rather long article. The first part is to demonstrate how to create a Highstock config in ExtJs 4. The second part is to describe how to use the extension to achieve more advanced plots shown in the Highstock demos. Hopefully, you won’t find it too difficult to follow.

Mental picture of ExtJs 4 MVC Architecture

Highstock is working on ExtJs 4!! (Experimental)

Wahey!! I got Highstock working on ExtJs 4 after a full day hacking on my HighChart ExtJs 4 extension. Although HighStock shares common APIs to HighChart, the extension requires quite a few changes. Well, hopefully I can release the package probably sometime next week, need to create a lot of examples to make sure everything is working.

HighCharts extension for ExtJS 4

Recently, I received more emails asking me for getting the HighCharts to run on ExtJs 4. I didn’t expect anyone will be interested as ExtJs 4 comes with its own chart library. Well, here is it is. I have ported the HighChart ExtJs 3 Adapter to ExtJs 4. Note that this is a true native ExtJs 4 port, such that none of the ExtJs 3 compatible classes are required. Please read this article before using the extension. Enjoy!!