Posts

Tabris.js Selector API, part 2: Selector clashes

When we create a custom component we want to expose certain properties and methods. By passing in options and hooking into change events, the component can be configured as the caller (the developer who…

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 3.2 brings camera support, new data binding features and more

UPDATE: A patch release (3.2.1) fixing issues with cordova plug-in support is now available. We are happy to announce Tabris.js 3.2, the first version with built-in camera support - no plug-ins needed.…

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