Posts

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…

RefreshComposite

This widget allows you to implement a “pull-to-refresh” function and a “loading” indicator to visualize a long-running task. There is an option to disable the refresh component, so RefreshComposite…

TabFolder

This widget can switch between Tabs. It extends Composite class, and its child widgets can only be Tabs. TabFolder does not compute its size, meaning that its width and height must be defined by the respective…

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…