Posts

Tabris.js Widgets: CollectionView

This widget creates a scrollable list of elements with equal intervals between them. CollectionView can have more than one column, making it look like an HTML element. But all cells are distributed equally…

Tabris.js Widgets: ProgressBar

The ProgressBar widget represents a numeric value as a horizontal bar with a growing indicator. It is not tied to the percentage values, so instead of regular 0-100 range, you can set any start and finish…

Tabris.js Widgets: Slider

The purpose of the Slider widget is to allow the user to select a numeric value in the specified range. It looks like movable indicator on a horizontal line and works like input type="range" tag in HTML.

Tabris.js Widgets: Picker

The Picker widget provides a drop-down list of items to choose from. It is a native alternative for the select HTML tag. Unlike select, there is no multi-select option for the Picker, meaning that only one item can be selected at a time...

Tabris.js Widgets: ImageView

The widget is used for displaying an image. It will display an object of ImageValue data type that describes the image file URL and dimensions, or scale factor. Here is an example of ImageValue: {src:…

Tabris.js Widgets: RadioButton

The widget represents an easy way to create a radio button. It helps you in situations when a user should pick only one of the multiple options. Once a radio button is selected, all other RadioButton elements…

Tabris.js Widgets: Switch

Switch widget is very similar to CheckBox. It provides the same functional, representing the HTML input type=”checkbox” tag alternative. Compared to CheckBox, Switch looks more modern and native, especially on the iOS platform...

Tabris.js Widgets: CheckBox

Tabris.js CheckBox widget works, as expected from its name, similar to HTML input type=”checkbox” tag. Label text can be set as a property, so you don’t need to use separate TextView for that purpose...

Tabris.js Widgets: Composite

Think of composite as a container (box) which can contain items. Yes, a composite behaves just like a box. It is able to contain other widgets just as a box can contain other items. In this article, we…

Tabris.js Widgets: TextInput

TextInput widget is a field that allows the user to enter text. It can be used similar to how input or textarea tags used in HTML. With the help of TextInput, you can create the most basic input forms - for login and registering, for editing profile information, for leaving a comment and many others...