Hi,

Got the UI for setting the fields rights.

Attached the Image for reference.

Based on this closing this ticket.

Thanks

Narendra

Hi Narendra Kumar

As discussed, I have added tab structure, please find attached component file.

Also I have changed button position as per Aruna Raheja's comments.

Updated read-only-fields.component.scss

read-only-fields.zip  

Smita Pawar : Please find my comments below:

In this modal we have kept button position above the modal-footer border: Yes because these buttons are part of the table

Font sizes are also different than other modals: These are the old design tables, so I have used the same font-sizes, for new designs we are using 14px

Done with HTML.

Narendra Kumar, 

Please find attached src folder for Read only fields HTML. Below are the updated files:

1. style.scss: Copy whole section for 
.simple-table

 
2. Component Name: read-only-fields.component
 
From your side please check the radio button id's and the selection behaviour. I have put dummy id's for now.
 
Aruna Raheja, just wanted to confirm on below point:
 
In this modal we have kept button position above the modal-footer border and font sizes are also different than other modals, any specific thought behind this? For now in HTML, I followed consistency.
Please confirm if we need to make these changes for this particular modal.
 
src.zip
 
Samir Swapnil Pandhare Kristen
 

Smita Pawar : I have updated the screen on Invision. Kindly check.

Aruna Raheja, Can you please upload same mockup on invision?