Customizing a Business Component

Each business component uses a default HTML template. A copy of this template is also available to customize the appearance of the component, if required.

Custom templates are supplied as part of the example applications:

  • Workapp: The template for each component is available in the file: customTemplate/componentName/componentName.html.
  • Case Management: The template for each component is available in the file: template/Customcomponent.html.
  • Mobile Case Manager: The template for each component is available in the file: customTemplate/componentName/componentName.html
Note: All the custom templates have built in styles provided inside the template. It is best practice to provide all the styles for a custom template inside the template and not in the Cascading Style Sheets (.css) file.

Each application has a css folder that contains the .css files.

Procedure

  1. Export the Workapp application.
  2. Copy the custom template to a suitable location in the application and modify it to suit the requirements.
  3. Use the template-path attribute to specify the location of the custom template as part of the HTML element for the business component inside the HTML document.