Any HTML / Frontend designers here who could share their opinion on the following:

A company project of mine is basically a document store with a (deep) folder hierarchy.

The deep folder hierarchy is not negotiable / changeable.

However my brain fries when I try to come up with a - mobile friendly / responsible - design.

There are ~ 10 - 15 root folders, having a maximum of 3 subfolders, so:

Folder 1 -> Documents
Folder 1 -> Subfolder of 1 -> Documents
Folder 2 -> Subfolder of 2 -> Documents

Any ideas on howto design something like that?

Was thinking about using a top navigation for the folders and then the rest of the screen for the document information...
But with 15 elements in top navigation it would be hard to navigate on mobile I think....

The naming and everything else ist managed by the customer.

Any ideas?

  • 3
    Do you have an iPhone? or at least access to one. Have a look at the ios app called ‘files’ and just copy that. If its for use on smartphone, then do this. Forget trying to make a ‘website’ style interface. You can do this of sorts with html css as a bare min.
  • 1

    So... Navigation at the right side, content main window / rest.

    Hmm. Need to See this. I hate Apple. XD so I don't have a IPhone.
  • 4

    After a bit of searching I found the following image.

    I understand now what u mean.... I like the approach.

    Note: it's different in the Video as the Video is IPAD not IPHONE.

    Thanks. If anyone has more ideas, you're welcome. :)
  • 1
    @IntrusionCM Yep the iphone app is what i was getting at. Try get a go with it if you can.
  • 0
    Just check JSTREE once. Easy Shit to use if it satisfies your need. :)
  • 0
    Multi level accordion menu, using CSS only, or with JQuery.
Add Comment