Search code examples
wpfuser-interfacedata-entry

UI Design Query : Many to many relationships for data entry UI

I am designing a Data Entry UI for a WPF application and have a scenario where I need to enter a many-many relationship.

Object A is Parent object. A has an observable collection of type Object B.

Object B has two text fields and an observable collection of Object C which has four text fields.

I need to create a UI which will allow an efficient addition of B and C.

I have created a Nested Tab Control where the outer tab control has object B and it has an inner tab control which can accommodate many object C in it.

However this UI looks ugly and non intuitive. Any suggestions on what would be a better way?

Solution

  • Using a grid in master-detail(-detail) mode?

    Check this or this or this to bring you some ideas. Third party vendors like DevExpress and Telerik provide real good data grids and other user controls. Don't know if standard Microsoft DataGrid provides master-detail functionality. But this should give you some ideas.