Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

Form Stepper element - tStepper

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Form Stepper element - tStepper - CodeCanyon Item for Sale


Ad: Bluehost hosting


tStepper is a part one of the many soon-to-come parts of the tForms Pack. Its basic functionality is an exact replica of the Adobe Flash numeric stepper component made in javascript so no flash is needed. It also have more options than the flash one and is more flexible.

Updates 21.07.2010

  • added keys support. Now it can be incremented/decremented when pressing the up/down keys


  • can tanke numeric values from a float min to a float max (meaning that numbers such as -2.375 and 22.5 are also accepted)
  • can take an array of values and increment through them (as a list)
  • can be also applied to <select> items and make a stepper from its options
  • a gradient color can be applied for the values. This means that you can set a start color and an end color to change their values from A to B (for example from hot to cold / red to blue, etc)
  • very customizable and easy to use
  • it is designed 100% in CSS and it is easy to manipulate
  • cross-browsered
  • supports unlimited number of values
  • smooth color transition
  • manual input also supported for numeric values

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


23 July 10

Last Update:
23 July 10

Compatible Browsers:
IE6, IE7, IE8, Opera

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, eCommerce, All Items, form, list, numeric stepper component, select, stepper, tforms