tabris.js Tag

Tabris.js 1.4 is out now! In this release we focused on adding further enhancements to the CollectionView. You can now implement endless scrolling and other neat effects in pure JavaScript. Read on for the details. Scroll event for CollectionView Just like in ScrollView, CollectionView now has a scroll event that lets you know when the user has scrolled. The callback contains information about the scrolling direction and...

Read More

Today we are proud to release Tabris.js 1.3. This release delivers on recent feature requests from our users, including custom colors for the Switch button, access to bundled resources and easy manipulation of widget hierarchy with insertBefore() and insertAfter(). Read on for the highlights. Custom Switch colors Switch buttons now offer fine-grained control over colors using the following new properties: thumbOnColor thumbOffColor trackOnColor trackOffColor   Access to bundled resources A new method getResourceLocation() on tabris.app provides absolute locations for...

Read More

The dynamic typing in JavaScript allows for more flexibility, but it comes at the price of weaker tool support. Explicit type definitions in your code can support editors to provide more exact suggestions as you type … … and to discover problems earlier … TypeScript is a superset of JavaScript that adds type information to the language. It is compiled to regular JavaScript, so it can be...

Read More

Positioning widgets in a layout is a very common task in Tabris.js apps. When dealing with varying device densities, Tabris.js lets you declare all dimensions in device independent pixels. This ensures that a layout will look the same on high and low resolution displays. Providing device independent pixels means that you can only provide positions with a multiple of the base density of the display. So a device with a 4x...

Read More

Tabris.js 1.2 is out now - it boasts several layout improvements, the ability to override Android back button behavior, a new easy way to enable fullscreen mode and more. One of the most exciting features is the custom widget API which enables you to create your own widgets using JavaScript and Java/Objective-C. Buckle up and let's go! Layout: Symbolic reference "prev()" Now you can use the symbolic reference prev() to...

Read More

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 and answers. Tabris.js enables you to write JavaScript applications that render a native UI on iOS and Android devices. This requires a JS execution environment on the devices to create,...

Read More

One of the most common mobile views for displaying information is the collection view. The collection view is a scrollable list often used for presenting data as a series of rows and has been part of Tabris.js since the beginning. Previously Tabris.js required that all rows be styled the same, but with Tabris.js 1.1 you can now style each item separately. Collection views are styled using the initializeCell...

Read More

The built-in, node compatible module system of Tabris.js makes it pretty easy to find and load JavaScript files within your project. NPM modules aside, all paths are relative. So even if your current module is "subProject/modules/dialogs/foo.js", you can open "subProject/modules/dialogs/bar.js" simply by calling "require("./bar");" However, aside from .js files, your Tabris.js project may also consist of images, json, xml and/or text files that you need to access. JSON is...

Read More

Tabris.js 1.1 for mobile apps with native UIs in JavaScript is here and we are happy to ship an exciting set of new features. These include: Cordova 5 support, new styling options for CollectionView items, consistent material design look across all supported Android devices, and the ability to patch your already published apps. Being able to patch apps after releasing can be an extremely useful feature - to find out why...

Read More