Posts

Step-by-Step Guide to Creating Tabris.js Native Widgets on Android

0 Comments
/
Apache Cordova plug-ins are essential components in the app development that allow developers to use native device capabilities beyond the scope of the Tabris.js framework. Since Tabris.js uses a native…

Tabris.js Properties: pan

A "pan" event fires continuously when the user presses their finger on a widget and moves it more than 5px (though the precise distance can vary depending on the platform). This high-level gesture event…

Tabris.js Properties: HighlightOnTouch

The highlightOnTouch property can be set on any widget. If set to true, the widget will give visual feedback when touched. On Android, a ripple animation will radiate out from the center of the widget.…

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

Rounded corners on widgets, a system bar theme for Android and iOS, simplified syntax for the creation of widgets

Tabris.js 1.7 is here, now! It features the ability to set rounded corners on widgets, a system bar theme for Android and iOS, simplified syntax for the creation of widgets and much more. Read on for…

Custom Widgets in Tabris.js

The 1.2 release of Tabris.js will come with a glimpse of a very powerful new feature: custom widgets. Which problem do they solve? And how do they work? This blog post will provide you with some background…