Posts

Tabris.js Widgets: ScrollView

The ScrollView is a composite widget, meaning it can contain other widgets like text and images. For those familiar with web development, the ScrollView provides the functionality we are used to finding…

Tabris.js Widgets: Tab

Tabs allow the user to toggle quickly between different sections of an app. This UI element (or widget) is very useful for navigation. The Tab is a Composite widget (the Tab class extends the Composite…

Tabris.js Widgets: Action

The Action class represents an interactive entry in the navigation toolbar (NavigationView). Action can be imagined as something similar to tag in HTML or Tabris.js Button widget. The key difference is…

Tabris.js Widgets: Page

This widget represents a single page of a NavigationView. It serves as a host for other widgets. Page widget got only three own properties - you can choose an image and a title that are going to be shown…

Tabris.js Widgets: NavigationView

This widget represents a stack of pages and a toolbar that allows a user to go back from one page to the previous one. The toolbar is also used for displaying the current page’s title and action icons. …

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:…