Sencha Touch

Ext.ux.TouchCalendar – A Sencha Touch Calendar component

Sencha Touch,Sencha Touch Extensions & Plugins,Web Design & Development Blog 36 Comments

Overview

Ext.ux.TouchCalendar is an extension and series of related plugins that allow a calendar component to be integrated into Sencha Touch applications.

Links to the repository, documentation and demos (along with some inline demos) can be found further down this post.
(more…)

Dynamic Sencha Touch Forms : Part 3 : Adding form fields on the fly

Sencha Touch,Web Design & Development Blog 6 Comments

After a comment from Brandon looking for advice on adding form fields on the fly, I thought it would be worth a mini blog article to explain it.

What we want to do is add a button to our form that, when tapped, will add a new field to the form. By adding this functionality we can allow users to enter arbitrary amounts of data. This can be applied to situations such as, when entering ingredients for a recipe (we don’t want to restrict them to a set number, nor do we want to prepopulate the form with too many fields); adding qualifications to your CV (not everyone has the same number of qualifications so how do we allow them to enter the right number?).

(more…)

Dynamic Sencha Touch Forms : Part 2 : Dynamically loading Select Fields based on previously selected values

Sencha Touch,Web Design & Development Blog 17 Comments

Firstly, apologies for the lateness of this follow up post!

The aim of this post is to describe how we can use Select Fields (combo-boxes) to create a form whose options change based on the previous selections made by the user. So basically when a user makes a selection from the first Select Field we want the next one’s possible values to change, reflecting the choice made.

The scenario we will use is a simple form where the User can choose a Country and then a City from two Select Fields which could be used in a form where a User completes their Address.

(more…)

Ext.ux.touch. ListOptions : Add a Twitter style menu to your List Items

Sencha Touch,Sencha Touch Extensions & Plugins,Web Design & Development Blog 8 Comments

Overview

This plugin duplicates the functionality found in Twitter’s mobile apps where an options menu is exposed after swiping over an item in a list. The plugin was created as an ‘I wonder if that’s possible’ type project and serves to prove once again that anything native apps can do Sencha Touch can do too.

Extract the ZIP file into the ‘examples’ directory of the Sencha Touch libary package.

Download - Ext.ux.touch.ListOptions (14kb)

(more…)

How To: Integrate JS Builder 3 with Eclipse or Aptana on Windows

Development Tips,Ext JS,Sencha Touch,Web Design & Development Blog 5 Comments

Overview

Integrating JS Builder 3 with Eclipse or Aptana may save you some time building your Javascript application for a testing or production environment.

The aim of JS Builder is, ultimately, to make your website or application load quicker. It does this by combining your Javascript and CSS files, minifying them and outputting them to fewer files. You may, for example, opt to have one CSS file, and two Javascript files (Ext-all.js and app.js). This results in far fewer requests to your server which, although the individual file sizes are larger, boosts performance.

(more…)

Page 1 of 212