com   •   docs   •   app   •   demo

UI explained

Documents consists of 3 major parts:

  • Categories and collections 1
  • Documents 2
  • Document view 3

 

Categories and collections

Here you can choose to display documents belonging to category or specific collection.

On top you can see which category or collection is selected and you can select category by clicking on 4 and selecting one of the available options:

  • All Documents
  • My Documents
  • Chat Documents
  • Starred Documents
  • Shared with me

Below category chooser there are 3 sections for private, shared and public collections, respectively.

Private collections list header with icons for filtering or adding new collection 5 Under header is private collection and number of documents in it in in a box to the right of collections name 6

Click on the arrow in private collection item to see options for collection 7

 

Shared collections list header 8 and shared collections list below it.

Public collections list header with indicator about number of imported public collection and available public collections 9 Click on plus icon opens a popup for public collection import.

 

Documents

Documents section has controls to upload new, search for documents, in the header, and controls to manage the list of documents which are result of the search.

Import new document by clicking on Import button 10

Search for document by typing in search term into the input 11

Number of documents in current result list 12

Search term treatment options (All, Any, Exact) 13

Sort the result list by date, name, size and relevance 14

Result list item displayed as thumbnail 15

Open filter popup for advanced search options 16

List display options (List view, Combined view, Card view) 17

 

Document view

Click on document in the list of Documents section will open this form where you can view document, tag it, share it, add new versions etc.

Section has document header 18, document tab bar 19 with tabs:

  • View
  • Tags
  • Sahrings
  • Comments
  • Versions
  • Link

and content of selected tab 20 under it. Since view tab is selected (indicated by blue icon/label) you can see document's content.

 

NOTE: Tabs have icons when label can not fit properly. If you expand Document view you will see labels.

 

Document options can be accessed by clicking on arrow 21. If Document view is expanded relevant icons will appear instead of the arrow.

Like and share

Related articles