Posts

Tabris.js 3.3 allows to create better mobile apps with improved image support and simplified widgets

We are happy to announce the release of Tabris.js 3.3. This release focuses on making complex widgets easier to use, handling images with more flexibility and creating common layouts faster. For full details,…

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

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