Highlights

Servoy Developer

Solution Explorer

Build System

JSDoc

Editors

Misc.

Solution Development

User Interface Widgets

Styling options

Servoy 6.1 offers the ability to take advantage of some of the new styling features that are made possible through CSS3.

In the Web Client, Servoy relies on browser support for the relevant CSS properties for the implementation of these new styling capabilities. This means that some styling features might not be supported on older browsers. Where logical, Servoy supports the specification of fallback values. For example when using semi-transparent background colors, it's also possible to specify a solid color as a fallback value for browsers that do not support semi-transparent color values. Where browser vendors use different CSS syntax to achieve the same end result, Servoy takes care of generating the required CSS syntax for the different browsers.

In the Smart Client large part of the styling of elements in controlled by the Look and Feel with which the Smart Client is running. Support for the new styling features in the Smart Client is largely limited to styling Forms and Form Parts. 

Feature

Description

StyleSeet support

Designtime support

Web Client support

Smart Client support

Rounded Borders

Ability to have borders with rounded corners.

Yes, through the CSS3 border-radius property

Property Syntax:

  • border-radius: radi:px|%
  • border-radius: horizontal-radi:px|% / vertical-radi:px|%

    Examples:
  • border-radius: 5px
  • border-radius: 5px 10px 5px 10px / 10px 5px 10px 5px;
  • border-radius: 5px;
  • border-radius: 5px 10px / 10px;

Yes, using the Rounded Border borderType

Yes, depending on the browser support for the border-radius property

Previous version of Servoy already supported Rounded Borders through the SpecialMatte borderType value. Additionally there is now also a RoundedBorder borderType value, which offers more flexibility.

Due to limitations in the Look and Feels used within the Smart Client, background-colors of elements bleed out of a rounded border and/or LAFs have a border hardcoded into the Look and thus do not render the Rounded Boder or render both.

Gradient backgrounds

Ability to have background color transition from one color to another color.
Support is currently restricted to linear gradients with a start and end color and a vertical or horizontal orientation

Yes, through the linear-gradient value for the CSS background-image property

Property Syntax:

  • background-image: linear-gradient(,,); 
    Examples:
  • background-image: linear-gradient(top, white, gray);
  • background-image: linear-gradient(left, #fefcea, #f1da36);

No

Yes, depending on browser support. With the current restrictions in place, the browser support is good, including older IE versions

Only on Forms and Form Parts and only horizontal gradients

Semi transparent colors

Ability to use colors that are not 100% opaque, but semi transparent, which means that whatever lies underneath partially shines through

Yes, using rgba values instead of hex of rgb values.

Value Syntax:

  • rgba(red:0-255, green:0-255, blue:0-255, opacity:0-1) 
    Examples:
  • color: rgba(255, 0, 0, 0.5) //50% transparent red
  • background-color: rgba(0, 255, 0, 0.1) //10% transparent green
  • border-color: rgba(0, 0, 255, 0.9) //90% transparent blue

No

Yes, depending on browser support

No

Opacity

Ability to make an component and all it's children render semi-transparent

Yes

Property Syntax:

  • opacity: 0.0-1.0
    Examples:
  • opacity: 0.5 //the component and it's children all become 50% transparent

No

Yes, depending on browser support

No

Background Images

Ability to have the background of a Form, Form Part or element rendered using an image.
The image can optionally be repeated horizontally, vertically or both
The image can be set in a certain position
The image can be fixed in position within a scrollable panel
The image can be resized before being used

Yes

Property Syntax:

  • background-image: url(media:///myImage.png); 
  • background-position: vertical:top|center|bottom|px|% horizontal:top|center|bottom|px|%; 
  • background-repeat: repeat|repeat-x|repeat-y|no-repeat; 
  • background-attachment: fixed|scroll; 
  • background-size: px|% px|%;

No

Browser support for background-image, background-position, background-repeat and background-attachment is good, as they are part of CSS 2.1.
Support for background-size is restricted to modern browsers, as it's part of CSS3

Only on Forms and Form Parts

Web Client compatibility

Programming API

Misc.

Behavior Changes

Deployment

Behavior Changes

WAR export & deployment on J2EE standard compliant Java application servers

Servoy 6.1 offers an alternative approach to running the Servoy Application Server. Prior to Servoy 6.1 a Servoy Application Server could only be installed using the All-in-One installer, which would install the Servoy Application Server, bundled with Apache Tomcat.

As of Servoy 6.1 it is possible to create a so-called WAR file from Servoy Developer, which contains the Servoy Application Server logic, including selected plugins, beans, drivers and LAFs, but excluding the Apache Tomcat application server and PostgreSQL database. The exported WAR file can then be deployed on any J2EE standards compliant Java application server, like JBoss, Glassfish, Apache Tomcat, Jetty or IBM WebSphere for example.

For detailed information, see WAR Export & Deployment  

MetaData export

Servoy 6.1 offers facilities to mark certain tables as containing Metadata for the solution. When marked as such, the data from the table can be made part of the design of the solution and thus can be synced to a Team Provider like SVN.

When exporting a solution to a .servoy file, the export wizard in Servoy Developer has an additional setting to include Metadata. On import of the Solution on an Application Server, the Metadata exported with the Solution gets merged with existing data in the database(s) connected to the Application Server. For more details see Metada data import

Servoy Application Server update mechanism

In addition to the already existing options for the command-line servoy_updater.jar, a new option is introduced to allow upgrading to a specific buildnumber. The difference with the already existing options is that it allows updating to a specific release of Servoy, not being the latest release. The new option is available through the -releaseNumber {number} parameter.

This brings the the total of command-line parameters to three:

Servoy Admin page

Misc.

Misc.

Public API

Servoy 6.1 introduces a improved mechanism to provide documentation on plugins. While the old mechanism will still work, plugin developers are advised to adopt the new mechanism. See Replaced the IScriptObject with IScriptable, making it possible to document the API of plugins through JavaDocs for more details on this change.