[EPIC] Support advance form layout

[Pratikshakhandagale]

What is the feature request for?

Registry Core

What problem/inconvenience (if any) will this feature solve?

Support the advance form layout

Describe the feature clearly.

This feature, will support the following layout

• [x] - Advance Layout (Form Divided into row and col)- link
• [x] - Mandatory fields displaying with Red Asterics sign - link
• [x] - Information bubble/descriptions for fields - link
• [x] - Showing notes on form - link
• [x] - Support radio buttons - link
• [x] #706
• [ ] #707
• [ ] #708

Steps to implementation:

• read config from form.json
• Write code to set formgroup class and field level class into the formlyConfig object

How to use -

• Just need to add configurations in form.json file to use advance layout
• Need to add classGroup key with "row" value in the form object and add className key with "col-4" value into the fields object

[jayadinni]

@Renuka-S

1. View of uploaded document: Currently they need to download and then view it. Example, there are a lot of medical test records that will be uploaded, they would need an in-app view of the document.
2. The size of text fields are large and are being customised for each use case.
3. Include other ui components too. Example date field. These are basic fields which we need to support.

[suvarnakale]

Steps for implementation of following features

1. Mandatory fields displaying with Red Asterisk sign

   • Have to add or replace the desired colour class in forms.compenent.ts file.
   • For custom fields, it needs to be handle using CSS

2. Checkboxes

   • Read config from form.json
   • Write code to set formgroup "type" as "checkbox" into the formlyConfig object

3. Information bubble/descriptions for fields

   • Read config from form.json
   • Write code to set formgroup "wrapper" as "tooltip" into the formlyConfig object : this will add information bubble
   • To add description about field, text should be provided into the tooltip dedicated typescript file

4. Showing notes on form

   • Read config from form.json
   • Write code to set formgroup "type" as "template" into the formlyConfig object
   • To add note: add "title" with any key and key should be defined in language constant files

5. Support radio buttons

   • Read config from form.json
   • Write code to set formgroup "type" as "radio" into the formlyConfig object

6. Multi checkbox

   • Read config from form.json
   • Write code to set formgroup "type" as "multicheckbox" into the formlyConfig object
   • link :