1

I was wondering how I could arrange these better? Currently I have sections 1-3 and when you select one or multiple it give you new row of check boxes. I think this is quick way to solve problem but exhausting on UI.

enter image description here

closed as primarily opinion-based by Shreyas Tripathy, Mayo, locationunknown, Midas, Wanda Apr 15 at 9:37

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

1

If the number of top-level sections is three, or at least reasonably small, you can use a different layout:

Sections reworked

The subsections will be rendered under the corresponding top-level section, so it expresses the hierarchy clearer.

0

Use the Section 1, Section 2 & Section 3 as in the side sticky bar, and further check boxes can be viewed like tags format based on which the content can be filter or displayed. Please check the attachment for reference. - > https://i.stack.imgur.com/ChSXu.png

0

If I understand your problem correctly, you have a couple of items in the highest order and each of them has some subitems. And you need to make it visually unambiguous which item of the highest order is "opened".
What about some background colour hinting, like this?

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Not the answer you're looking for? Browse other questions tagged or ask your own question.