theming Tag

Tabris.js 1.7 is here, now! It features the ability to set rounded corners on widgets, a system bar theme for Android and iOS, simplified syntax for the creation of widgets and much more. Read on for the highlights! Rounded corners on widgets The new property cornerRadius allows you to apply a rounded clipping to the corners of a widget. Round corners can be used to style any widget, such as Composite...

Read More

This is a quick look at the new features in RAP 3.1 M4, which has been available for download since last week. Transformation Support for Canvas The Canvas' GraphicsContext now implements the setTransform method: [raw] Transform transform = new Transform( display ); gc.setTransform( transform ); gc.setBackground( display.getSystemColor( SWT.COLOR_BLACK ) ); gc.fillRectangle( 0, 0, 100, 50 ); transform.rotate( 10 ); gc.setTransform( transform ); gc.setBackground( display.getSystemColor( SWT.COLOR_RED ) ); gc.fillRectangle( 0, 0, 100, 50 ); transform.rotate( 10 ); gc.setTransform( transform...

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

Last Friday, 14 November 2014, we published another milestone build for RAP: RAP 3.0 M3. It is available for download from https://www.eclipse.org/rap/downloads/. This milestone is mostly about theming improvements. What's included? Modernized ScrollBars In the default theme, ScrollBars now have a more modern look and feel. They are invisible until they are "activated" by the user, which is when the indicators fade-in to a semi-transparent state. This is achieved...

Read More

RAP 2.2M2 is due next week, and if you use any ToolTips (the property, not the class) in your application you will notice quite a few changes. First, ToolTips have a new default look, and they can now point towards the widget they describe. Instead of placing it somewhere besides the mouse cursor, the ToolTip is positioned above, below, or besides the widget, with a...

Read More

RAP already offers advanced styling features including customizable cross-browser gradients, rounded borders and animations. We now complete this feature set by introducing advanced, configurable shadows, giving your RAP application a modern, subtle 3D-look. Unlike other frameworks, RAP does not rely on pre-rendered images to create those effects. Instead it does all the rendering itself based on CSS declarations, using multiple browser-native technologies for drawing. Up until...

Read More

Animations are an integral part of most modern UIs, including many "web 2.0"-applications and websites. (Just watch carefully when opening google.com.) They have become so common that we even subconsciously miss them if they aren't there. The transition between two states of an UI should never be sudden, but gradually (albeit quickly), as we are used from real life. If done right, this increases usability...

Read More

We try hard to enable a "sexy" look and feel for Rich Ajax Platform (RAP) applications. However, without rounded borders and gradients you can hardly create a website that look modern. Take this dialog as an example: It looks so much better with rounded borders on Shell, Control and with these Button gradients: The latter screenshot has been taken from the current RAP development stream. These features...

Read More