en:intro:ui
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
en:intro:ui [2021/04/19 11:29] balazs [List menu] |
en:intro:ui [2021/04/27 11:11] (current) balazs |
||
|---|---|---|---|
| Line 3: | Line 3: | ||
| The following figure illustrates the main elements of the SchoolDrive user interface: | The following figure illustrates the main elements of the SchoolDrive user interface: | ||
| - | {{:teachers:ui.png?nolink}} | + | {{:en:intro:ui.png?nolink}} |
| ===== Tabs ===== | ===== Tabs ===== | ||
| - | On the left are the tabs located: jobs, calendar, timesheet, personal data, etc. | + | 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. | 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. | 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 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. | + | 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). | 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). | ||
| Line 20: | Line 20: | ||
| 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}}. | 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 ===== | ===== 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. | + | 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 ===== | ||
en/intro/ui.1618824585.txt.gz · Last modified: 2021/04/19 11:29 by balazs
Page Tools
