UPDATE: The post has been updated to use the new tabris.TabFolder api Creating a good mobile app goes hand in hand with creating a well designed mobile app. With Tabris.js you are able to cater the style of your app to your design needs. One of the more iconic widgets on Android is the tab. In Tabris.js tabs are represented by the TabFolder widget. The following code is...
Read MoreTabris.js 1.5 is out now! Highlights include smart new looks for Android TabFolder, ability to use TabFolder as a swipe widget, support for elevation and z-translation on Android 5+, and iPad Pro support. Read on for the details. Support TabFolder images on Android Until now Tabris.js only supported TabFolder images on iOS. Now you can also style your TabFolder with images on Android. Choose between the three available options:...
Read More1 - A module for every page! The Page widget and JS modules are a natural fit. The backbone of your Tabris.js App should consist of modules defining pages. For example 'MyPage.js': [raw] exports.create = function( someData ) { var page = tabris.create("Page", { title: "My Page" }); tabris.create("CollectionView", { items: someData, // ...
Read MoreEclipse RAP is well-known for enabling the migration of complex RCP applications to the web, and providing a sustainable single sourcing paradigm. It's been delivering on these promises for the past decade. 4 years ago we decided to also cater mobile platforms. We came to the conclusion that only native widgets can deliver excellent usability and created a new generation of frameworks inspired by RAP. Tabris features native mobile clients...
Read MoreCreating great mobile apps usually involves making use of icons. May it be as touch target, indicator or just as decorations, icons make an app come to life and provide personality. Therefore it is important to focus on your icon design by and make them as readable and meaningful as possible. A mobile platform usually has its own style of icons with certain key metrics and attributes. One of such icon systems is the Google material design...
Read MoreTabris.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 MoreToday 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 MoreThe 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 MorePositioning 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 MoreTabris.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