How can I manage a module creation screen with multiple lists of templates selections
Specification:
The aim of the design below is to create one module by using 3 set of templates.
Each template is having list of templates which are coming from different database tables.
Template set selection is an optional thing. Users can select multiple templates from each template set.
Name, Description and Price are required fields.
I have designed a screen as shown in the image below as per the above specification.
Image 1: First design is a tabular layout in which 3 template sets are shown in one table in 3 different columns. This is a technically challenging thing.
Note 1: We can't build a one table layout because all three datasources are going to bind dynamically and we will not able to bind the data which comes from a single table.
Image 2: Therefore designed the second layout which has a separate table for each template set.
Note:
We can build a 3 tables layout but design of the three tables will change in accordance with the data, so all table rows will not appear in one line.
I am not using multi-select dropdowns because I want to show all templates on the screen.
The layout is not looking so attractive from a UX perspective. Can anyone suggest a better UX than this or any improvement I can do for the UX?
Image 1:
Image 2:
