Ext.ux.touch.ListOptions : Demo

Swipe across a List Item to reveal an extra options menu.

Ext.ux.touch.MapLoader – Demo

This demo loads randomly generated points onto the map as you pan and zoom. The markers are numbered based on the batch that they were loaded in to give an idea of the plugin working.

If you have a question, suggestion or problem with the plugin or how to use it please leave a comment on this or on the main article’s page or drop us an email on info@swarmonline.com

Ext.ux.PanelAction Demo

Dynamic Sencha Touch Forms – Part 1 – Enabling/Disabling Fields based on form selections

This tutorial is going to form a small series about creating dynamic forms that react to previous user input so you can keep your forms tidy and simple without the bloat of extra fields and so you can populate fields dynamically based on other selections.

In this tutorial we will start with the simple case of only wanting to show/enable fields when users have selected a specific value from, for example, a dropdown list.

(more…)

HOW TO: Create a Sencha Touch Plugin – Part 1

What is a Plugin and why create one?

A plugin is a class that adds functionality/features to a parent component by adding or modifying its behaviour and/or look after its instatiation. By creating a plugin you can reuse it and apply its behaviour to any number of components without duplicating code and effort. To use a plugin in a component you simple instantiate it in the component’s ‘plugin‘ config option. An example of a plugin might be one which adds a help icon after each form field providing the user with help text on how to fill it in. If you didn’t create a plugin for it you would be required to manually code it for each form field which would be cumbersome and time consuming. So, hopefully I’ve convinced you of the merits of creating plugins to allow maximum code reuse and to make your lift a whole lot easier! Now how do we actually create one…?

(more…)