Question
Designing UI for a page list contains more fields
Hi
In a Employee OnBoarding application, I have a section in Employee Data class which contains 20 fields. I have a scenario where multiple employees needs to be onBoarded. As the section is bigger, I dont think Repeating grid or Repeating dynamic layout can be used. Can someone please suggest a UI design approach for this?
Note: Validations needs to be performed on each employee page before next employee details are entered. I have added edit-validates on the required properties.
Thanks
Ganesh
Hi Ganesh,
You can use repeat grid with expand pane/embedded pane. You can have 4 to 5 important columns to be shown in readonly and once you click on expand button/ click on row you can show all the 20 fields in editable mode to modify the data. Once you click on add button you can add 20 fields data as many rows as you want.
You can have a look for sample implementation of the same at Designer Studio -> User Interface -> UI Gallery -> Grid -> Row Editing.
Please feel free to reply your thoughts if any
Thank you,