Author: Moritz Post

With the Tabris.js 2 release only a few days away we continue our rundown of the Tabris.js 2 Top 10 features. Today we focus on the highly requested modal dialog. A modal dialog is used to show contextual information while blocking the rest of the UI. It is able to inform the user about important events or to request immediate feedback. AlertDialog With Tabris.js 2.0 we enable...

Read More

The Tabris.j2 2.0 release is approaching with many great features in tow. While we put the final touches on the release we are continuing our top Tabris.js top 10 feature blog post series. Today we highlight the new APIs to control the StatusBar and NavigationBar. StatusBar and NavigationBar The status bar displays the device time and contains icons like wifi strength and gps activity. With Tabris.js 2.0 it can also be...

Read More

Tabris.js 2.0 is less than a month away, and to help celebrate we are highlighting 10 of the most important features in this upcoming release. The top 10 rundown is in no particular order but we are sure that this first item will be of interest for every developer. So strap in, buckle up and lets get started with our first top 10 feature: NavigationView In Tabris.js 1...

Read More

We are approaching the final release of Tabris.js 2.0 and today we are happy to announce Tabris.js 2.0 RC2. While we put the final touches on the Tabris.js features and apis, there have been several changes to the Tabris.js codebase since RC1. We also deliver some nifty new features, performance improvements and a whole slew of bugfixes. Updated launcher experience In an ongoing effort to modernize the...

Read More

With the recent advancements in maps features on Android and iOS we also took the time to overhaul the tabris-plugin-maps plugin. The new version 2.0.0 provides completely new APIs that are more in line with Tabris.js and offer a higher degree of control. Creating a map in your Tabris.js application is as simple as the following snippet: [raw] new esmaps.Map({ left: 0, right: 0, top: 0, bottom: 0 }).on("ready", function()...

Read More

Ever since its introduction at Google IO 2014, material design guidelines have gained more and more traction in the web and mobile landscape. Android has adopted the design style and more and more Google properties are moving in that direction. With the release of Tabris.js 1.7 we made it much simpler to create one of the most iconic material design components: the "Floating Action Button" (FAB)....

Read More

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 More

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

UPDATE 1: With Tabris.js 1.1 released to production, we have removed the "sneak peak" indication from this article. UPDATE 2: Starting with Tabris.js 2.0.0-beta1 the base theme to inherit from has been renamed to DarkAppBar and the theme preference now expects an Android resource reference to a theme. See here for details. In a previous blogpost we discussed how to choose between one of the predefined themes for your Tabris.js app on Android. Basically...

Read More