I am working on a native application which will user to select multiple level of a hierarchy and perform some filtering.
So for example we have multiple level of category of products like Home Care > Floor Care > Perfumed > etc etc. When a person wants to find a product, he can use filtering where one of the criteria is Category. So the requirement is that the person can select multiple entries across categories and perform the action.
I am unable find a best practice guide where I can understand how to lay out this screen on a Mobile Device. The problem we are facing is
- The level is not fixed. It can be 3 or 10. When we display a normal tree in the mobile, after 3-4 level, we are unable to display the tree properly as every level takes a lot of indent to right side.
- Since we have multi select option we cannot have a one level of category display at one time. We used to have single selection previously where we use Cascaded style of tree.
Please let me know if anyone has solved such issue with intuitive design and experience.