Changing the value using Slider
This recipe describes the use of the Slider form field, which allows the user to change the value by merely sliding.
Getting ready
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Make sure that you have followed the Get your form ready with FormPanel recipe in this chapter.
How to do it...
Carry out the following steps:
- Copy
ch02_01.js
toch02_06.js
. - Open a new file named
ch02_06.js
and replace the definition offormBase
with the following code:var formBase = { items: [{ xtype: 'sliderfield', name : 'height', label: 'Height', minValue: 0, maxValue: 100, increment: 10 }] };
- Include
ch02_06.js
in place ofch02_05.js
inindex.html
. - Deploy and access the application ...
Get Sencha Touch Cookbook now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.