How To Customize Parameter UI

Reporting Design Cookbook Report Design
1

This recipe demonstrates how to customize the UI for entering parameters.

Major steps include the following:

  1. Create a blank report template and define parameters in groups (as in Customers.rml). The rendered output will show the default UI for entering parameters.
  2. Create a Cascading Style Sheet (CalendarControl.css) and a JS file (CalendarControl.js), which will change the default paramter UI by enabling the user to select date from a Calendar combo box and select country from a list.
  3. Create an HTML file (Customers.rml.html) based on the report template (Customers.rml). Create the folder.html file as well.
  4. Afte the definition of HTML form, create the validator (gen_validatorv2.js).

CustomizeParamUI

To download the necessary files, refer to the attached ZIP package.
CustomizeParameterUI.zip (9.8 KB)