Theme Editor 2.0 Version

Scope

Objects : WEB objects

Introduction

Since GeneXus 8.0 version for WEB graphic design we count on the 'Themes Editor', a free distribution tool that can be executed either inside GeneXus or separately.

As from GeneXus 9.0 version, Theme Editor has new features that provide the use of Cascade Style Sheets even with more power within GeneXus applications. New case uses are supported and the process of designing a Web site becomes more flexible and dynamic.

Description

Features introduced by Theme Editor 2.0 Version:

1. From now on, you can define user Classes

From now on, you can define user Classes (other than GeneXus default classes), and setup their properties. Besides, you can define class hierarchies and HTML Tags, which was not possible in previous versions.

The fact of being able to add custom classes over the editor enables you to achieve effects on your web application that you could not achieve previously, unless in a manual modality.

For example, a very common feature that you could not achieve was giving a hovering effect over the links (and even setup different hovering colours within the screen).

In previous versions this was achieved by directly adding information to the web object header through the GeneXus functions that accessed the web object header (Form.HeaderRawHTML) . This implied a maintenance cost that is no longer necessary.

As from Theme Editor 2.0 version, adding user classes or "Custom Classes" is possible.

2. You can widen the scope of available properties

Within Themes Editor you can widen the scope of available properties.
In addition to the default properties, you can add new ones if required (in case they are not available in the Editor).

3. Classes are added to customize the look & feel of the application.

Classes are added to customize the look & feel of BLOB control, Web Calendar (Datepicker) and Web Client Side Validation messages.

4. Improvements are introduced to cover a wider scope of value properties

Property values and formats supported by the CSS standard (Cascading Style Sheet) are included in the Theme Editor.

5. Changes in Editor usability

• Customized toolbars can be defined.
• The workspace is saved.
• Moving the window with the preview is allowed.

6. Facilities in CSS maintenance

Now, it is possible to do a Themes merge. Besides, it is also possible to save a Theme as CSS by running the Editor from outside GeneXus .


For more information about any of the topics above, Click here