Application Frontend

Each Form is an Angular component which consists of a set of files. These are:

• <Form_name>.component.html
• <Form_name>.component.scss
• <Form_name>.component.ts
• <Form_name>-data.ts

Screen layout elements

The layout elements, such as labels and editboxes, are also Angular components themselfs. They are added to the component.html file with parameters which link them to the application backend. The styling and location for each element is set in the component.scss file.

Labels

• amt-label-ibm

Editboxes

• alpha-textbox-ibm
• boolean-textbox-ibm
• financial-textbox-ibm
• numeric-textbox-ibm
• signed-textbox-ibm
• string-textbox-ibm