Back to Contents


User Interface Customization Options

There are a variety of options available that allow you to customize the application interface delivered by the Genero Web Client:

You can use all four methods when customizing your application; the methods are not exclusive.  Best practices state that you should customize first with Genero Presentation Styles, then with CSS, then with modification of the template and snippet files, and finally with JavaScript.

Back to the top


Customize with Genero Presentation Styles

Genero Presentation Styles allow you to define a set of decoration properties to be used for graphical objects. Presentation Styles are provided to centralize attributes related to the user interface elements. Genero presentation styles provide a centralized customization for all application displayed by the Genero Desktop Client (GDC), Genero Web Client (GWC), or Genero Java Client (GJC). Typical presentation attributes define font properties and foreground and background colors. Some presentation attributes will be specific to a given class of widgets.

Presentation Styles are defined in a .4st resource file which is distributed with other runtime files.

For more information:

Back to the top


Customize with CSS

Cascading Style Sheets (CSS) provide a simple mechanism for adding styles (such as fonts, colors, and spacing) to Web documents. You will typically use CSS when you want to make simple interface changes, such as using different colors.

For more information:

Back to the top


Customize Templates and Snippets

Templates and snippet sets provide you with a mechanism for customizing the rendering of the HTML displayed in the browser. By customizing the template and snippet files, you can change the layout of the application and the structure of the widgets.

For more information:

Back to the top


Customize with Javascript

JavaScript provides an interaction with the engine. JavaScript can enable you to create your own widgets.

For more information:

Back to the top