Webix 11.4 Released Read More New Features in Core, Kanban & Rich Text Editor, plus a Powerful SpreadSheet Update

Counter JS UI Control

Counter is a spin-box that allows selecting a number by clicking "+" and "-" buttons or by inserting a number manually in the input field.

Overview

Counter can be particularly useful if you create a form with numeric inputs. Counter provides easier input and doesn’t allow string values to be submitted. Counter validation should be tuned by a developer.

Counter Key Features

Counter configuration

To configure this control you can set the minimal, maximal, and initial values. By clicking the '+' or '-' icon you can decrease or increase the value by one, which is the default step value that can be changed.

Main properties allow setting a text label for the counter. Alignment properties allow changing the position of the label relative to its container, as well as setting the position of the counter with relation to its parent element.

Click on the '+' icon to increase the value by 5

Counter – Part of Webix UI Library

Get a 30-day free trial to test Counter along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.

Counter functionality

Counter – Part of Webix UI Library

Get a 30-day free trial to test Counter along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.