In this design, a user can have the following views:
- One child from parent 1 and no child from parent 2
- No child from parent 1 and one child from parent 2
- One child from parent 1 and one child from parent 2
- No child from parent 1 and no child from parent 2
I believe being only to view at most one child from either tables calls for radio buttons, but since "turning off" radio buttons is not possible, what's the best way to allow the user to hide the child from either/both categories? My best idea was to include a "hide all" radio button on top of each table.
Any ideas? Or is this the right approach?
Note: The add, edit, and delete buttons are on the top left of each table because, in the rest of the app, that's where the buttons are.