Understanding GWC-JS widgets

Understanding how Genero Web Client for JavaScript (GWC-JS) widgets work can aid you in your customization efforts.

GWC-JS relies on a number of basic built-in widgets that define the user interface, such as application, application host, layout grids, widgets for form objects, and so on. Each widget is defined with the following:

A JavaScript (js) file managing the widget creation, behavior, and listeners
A template HTML (.tpl.html) file containing the minimal HTML code structure of the widget
A sass (.scss) file defining the widget style

Examine the core source widget files that make up the default Web client in the project_dir/src directory to familiarize yourself with how the front-end is implement.

This section explains how you can create your own customized widgets by extending the built-in widgets in your project's GWC-JS front-end web client.