Posts

Tabris.js Properties: elevation

The "elevation" property makes a widget appear elevated by casting a shadow around it. A number value, it positions the widget on the z-axis...

Tabris.js Properties: cornerRadius

cornerRadius is a property that allows us to give square widgets curved corners. This single number value applies to all four corners. It defaults to 0 : right angled-corners...

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