Tabris.js Widgets: Custom iOS Widget

By writing a Custom iOS Widget, we can expose native iOS functionality through a Tabris JavaScript API. Maybe our app needs to access more native platform features than what Tabris provides ‘out of the…

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. [crayon-5d87aef44f257986758752/] The Video can be initialized with a non-empty…

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

The NavigationBar is only found on Android. It is located along the bottom of the screen and consists of a back button, a circular "go to home" screen button, and a square that displays your recently used…

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…