General App Layout
Learn the basics of the layout of Yonder.
App Column Structure
Yonder is developed using the native Apple iOS design components.
In order to facilitate the functionality we have chosen a three-column-layout:
- Primary sidebar
- Secondary (supporting) sidebar
- Content preview in the third column
Primary sidebar
The primary sidebar consists of all the major functionalities in Yonder.
It is structured in two sections:
- General shortcuts to:
- Recent
- General search
- Documents
- Personal shortcuts to:
- Favorites
- Notifications
- Highlights
Besides the shortcuts it hosts the general settings and the button to synchronize your app.
The primary sidebar also hosts the synchronization section. Here you can see your sync status and trigger manually a sync.
Secondary sidebar
The secondary sidebar hosts the list view of the shortcut you clicked.
The list has normally following functionality:
- Search
The search will search within the list only. If you want to search through the whole application please select the dedicated search function:
Click Here
- Filter
Sort and filter criteria can be applied to the list. All items within the list will be sorted respectively filtered down to your selection. The sort and filter criteria may vary depending on the selected list.
Note: The filter icon will be filled and coloured active to indicate that a filter is applied (narrowing down your list elements)
Applying Filters to the list in the secondary sidebar
When you apply filter criteria to the list, it only changes what you see in this list. The filters do not affect the content in the third column (contnent).
This helps prevent applying filters to the wrong content by mistake. If you want to filter information within a specific content in the third column, please use the filters available inside that column.
Content preview
Depending on the function, the third column hosts a preview of the content. Simply click ‘Open’ in order to open it full screen.