Styles in Thymeleaf, Javascript and Groovy

The LumisXP allows the development of styles through JavaScript, Groovy and Thymeleaf (in addition to XSL).

Javascript and Groovy

In styles using Javascript and Groovy, HTML is used as the main language and the script code is identified by the following delimiters:

<% ... %>, used to define a code area.

Example:

<%= ... %>, used to write the return of a code in HTML. The value is escaped to HTML format.

Example:

The code added within the delimiters is not contained by them, when processing the style all delimiters join as if it were a single file. For example, a variable declared within a delimiter can be used in other delimiters later, if its scope allows.

Example:

<% var date = new Date(); %> <div> <time datetime="<%=date.toISOString()%>"> <%=date.toLocaleString()%> </time> </div>

The styles in Javascript and Groovy support a directive #lum_include to include a piece of code at the location where the directive is declared. For more information, see the documentation.

Thymeleaf

The format used by the portal in Thymeleaf templates is the official format, which can be checked in the official documentation.

General Notes

In templates using Javascript, Groovy, and Thymeleaf, several objects and methods are available to facilitate their development. See the topic Available Variables for Styles in Javascript, Groovy and Thymeleaf.

For more information and examples on styles using scripts, see the topic of your desired language:

• Groovy
• JavaScript
• Thymeleaf

If it is necessary to use EL resources, they can be accessed using the delimiter ${ ... } in HTML or lum_el.evaluate("lum_localize('STR_TITLE')") when in the template. Note that it is not possible to mix the HTML EL tag with script code. For more information about EL, see the topic Available Resources in EL.