====== User interface ======

The following figure illustrates the main elements of the SchoolDrive user interface:

{{:en:intro:ui.png?nolink}}

===== Tabs =====

The tabs are located on the left: [[:en:teachers:jobs|jobs]], [[:en:teachers:calendar|calendar]], [[:en:teachers:timesheet|timesheet]], [[:en:teachers:personal_data|personal data]], etc.

Tabs can be rearranged using drag-drop, closed and reopened with the plus button that is shown when not all tabs are open.
Clicking on a tab will display the contents related to the tab. There may be sub-tabs on the right that further break down the content if it does not fit the screen.

The content is arranged on the screen logically from left to the right to the bottom: often there is a list on the left with related information shown in the windows on the right and below.

Many lists have CTRL+Click enabled, which moves to the related content on another tab (eg. clicking on the course list on the Students tab takes you the the courses list on the Courses tab).

===== List menu =====

Clicking on the {{:staff:btn_detail_.png?nolink}} button in the header of lists displays a menu, which allows sorting and grouping of the data {{:en:intro:list_menu.png?nolink}}.

===== List editing =====

Buttons are used to edit the data in lists. The buttons are either located in the list's window's header bar or in a toolbar under the list.

{{:en:intro:list_editing.png?nolink}}

A new data row can be added by clicking on the {{:add.png?nolink}} button, an existing row can be updated using {{:staff:options:btn_edit.png?nolink}} or by double-clicking the row. With the {{:remove.png?nolink}} button a row can be removed. Use the {{staff:options:btn_save.png?nolink}} button or click anywhere next to the edited row to save it. The list can be reloaded using the {{:refresh.png?nolink}} button.

===== List filtering =====

Many lists have a filter row between their header bar and the data.

{{:en:intro:list_filtering.png?nolink}}

Setting the filter by changing the contents of the filter row automatically filters the list's content's while the filter data is being typed.
===== List row details =====

In some lists additional information related to a row can be displayed by clicking on 
{{:staff:btn_detail.png?nolink}} on the left side of the row (like in [[:en:intro:glossary#multilingual_names|multilingual lists]]).

===== Error messages =====

Error messages are indicated by an {{:exclamation.png?nolink}} exclamation mark, which you can drag the mouse over to display the complete error message.

===== Data export =====

Most tabs provide data export functionality. Click on the {{:export.png?nolink}} export icon in the upper right corner to display the export menu. The data can be exported in CSV, 

===== Forum and Help =====

Click on the {{: intro: help.png?nolink}} icon in the upper right corner to access this help, or click on the {{: intro: comments.png?nolink}} button next to it for the SchoolDrive forum.