Posts

Tabris.js Selector API

Tabris provides a powerful API for selecting any widget or collection of widgets in the UI tree. Ids, classes, immediate child selectors For those familiar with css - we can use id, classes and…

Tabris.js Methods: animate

'animate' is a method on the Widget base class. Since all widgets extend this class, all widgets can be animated. In the snippet "https://playground.tabris.com/#animate.js" we call the 'animate' method on a TextView inside the playAnimation function...

Tabris.js Widgets: SearchAction

This widget displays a search text field with dynamic proposals when selected. You can fill the proposals list when the widget is created, or you can use onInput event to load proposals dynamically...

Tabris.js Widgets: Video

The Video widget plays a video from a URL. This URL can point to an external resource or a file bundled with your app. The Video can be initialized with a non-empty string...

Tabris.js Widgets: StatusBar

The status bar is the area where notifications, status icons, battery charge icon, and device time are displayed. You can modify its looks from Tabris application using StatusBar singleton instance. Here…

Tabris.js Widgets: ToggleButton

A ToggleButton behaves just like a checkbox. It is a checkbox that looks like a button. When pressed - if previously unchecked, it becomes checked. If previously checked, it becomes unchecked. This…

Tabris.js Widgets: Canvas

This is a widget that can be used to draw graphics using a canvas context, which is a subset of the HTML5 CanvasRenderingContext2D. Just like with a <canvas> tag it allows you to create simple geometrical…

Tabris.js Widgets: WebView

This widget can display content from a web page. There are two ways of providing content for a WebView. First, you can fill the url property to get HTML from a source. It doesn’t mean that you will always…

Tabris.js Widgets: Drawer

A Drawer is a partial content view that slides out from the side of the screen. It can be expanded by swiping left to right, and hidden again when it’s no longer needed. The Gmail app, for example, uses…

ActivityIndicator

An ActivityIndicator informs the user to wait for some work to complete. The Widget shows a loading animation that should end when the job is done. The ActivityIndicator is one of the simpler widgets…