Skip to content
English
On this page

Widgets

More options
Discuss with Marie

Substitution Widget

Substitution table for today or upcoming days: title, day, columns, sorting, layout, pagination, and lesson colors.

The Substitution widget displays a table of changes in the schedule. The data comes automatically from the school system. The table adapts itself to the widget size: in a wide widget, it splits into two columns, and if the rows do not fit, it paginates, with pages cycling automatically.

Screen with substitution schedule in a school hallway, table split into two columns of classes
Wide Substitution widget split into two columns
Substitution Widget
Substitution Widget on screen: title, substitution table color-coded by lessons and page indicator

Content Tab

Content Tab of the Substitution widget: 1 Title, 2 Day, 3 Columns, 4 Sorting and grouping, 5 Layout, 6 Pagination

The tab has six sections: Title (1), Day (2), Columns (3), Sorting and grouping (4), Layout (5), and Pagination (6).

Title

FieldWhat it doesDefault
TitleText of the title above the table.Substitution
Hide titleThe title will not be displayed.enabled (title hidden)
Day in titleAppends the day and date to the title, for example “– tomorrow 20. 10.” or “– Wednesday 22. 10.”. This field appears only if the title is shown and Today is not selected in the Day section.enabled
Widget with Tomorrow day and title shown: 1 Hide title toggle off, 2 new Day in title toggle, 3 title with day and date

In the image, Hide title (1) is off, so the Day in title toggle (2) appears and the title with day and date is shown above the table (3).

Day

By selecting Day you specify for which day the substitution widget shows data.

Expanded Day selection with options Today, Tomorrow, In 2 days up to In 7 days, and Nearest school day
OptionWhat the widget shows
Today (default)Current substitutions for today.
Tomorrow, In 2 days … In 7 daysPlanned substitutions for the selected day ahead.
Nearest school dayPlan for the nearest weekday. Skips only Saturday and Sunday, does not consider holidays or breaks.

The day is calculated according to Czech time and the widget checks it every minute, so it switches automatically after midnight.

Columns

List of table columns: Lesson, Class, Subject, Substitute, Change, Teacher, and Room. Columns cannot be added or removed, only reordered (by dragging the handle) and configured.

Expanded Hour column in Columns list: handle for reordering, Show toggle and Alignment selection

Click a column to expand it:

  1. Show – the column will be shown or hidden in the table.
  2. Alignment – Left, Center (default) or Right.

Below the list is the Hide empty columns toggle (enabled by default). A column that is empty for the entire day will not be shown and other columns will take its place.

Sorting and grouping

FieldWhat it doesDefault
Sort byHour – rows sorted by teaching hour, Class – by class.Hour
Separate groupsAdds spacing between groups (hours or classes).enabled
Hide pastHides substitutions in hours that have already passed.disabled
Show headerShows a row with column names above the table.enabled

Layout

FieldWhat it doesDefault
ColumnsAutomatic – from widget width 1100 px (about 14 cells at default 24-column grid), the table splits into two columns. Always 1 or Always 2 fixes the number of columns. Rows fill the left column first, then the right.Automatic
Row height (px)Height of one table row, 30–100 px. Larger rows = larger font and fewer rows per page.50

Pagination

FieldWhat it doesDefault
Page delay (s)How long one page stays visible, 1–60 seconds.6
IndicatorBar – a countdown bar runs at the bottom, Clock – a circle with the page number in the bottom right.Bar

The indicator is shown only when the table has multiple pages.

Columns Always 1 and row height 100 px: substitution does not fit on one page and a page countdown bar runs at the bottom Clock indicator: a circle with the page number and a running countdown around it See details in the Pagination and transitions section.

Design tab

Design tab of the Substitution widget: 1 Animation, 2 Colors, 3 Substitution colors, 4 Padding, 5 Background, 6 Border, 7 Rounding

The tab has sections Animation (1), Colors (2), Substitution colors (3), Padding (4), Background (5), Border (6), and Rounding (7). Padding, background, border, and rounding are described in the widget overview.

  • Animation – Page transition: effect when switching to the next page, default Fade (see Pagination and transitions).
  • Colors – Primary color (color of the page indicator and page controls in the editor) and Title color (default = screen text color).

Substitution colors

Table rows have a colored stripe and background according to the hour. The Hour colors list contains items from 0th hour to 10th hour. Click an item to expand it and change the color in the Color field. Use the Add button to add a color for the next hour. Hours beyond the list get the color of the last item.

When sorting by classes, the color is based on the grade of the class (the digit at the start of the class name).

The Monochromatic toggle colors all rows with a single color. The list of hour colors is hidden and replaced by the Color (mono) field (default #346a65).

Monochromatic mode enabled: all rows in one color, Color (mono) field shown in the panel

What the widget shows in special cases

MessageWhen
No substitutions todayThere are no substitutions for today.
No more substitutions todayAll rows are hidden (for example, by the Hide past toggle).
No substitutionsThere are no substitutions for the selected next day.
Plan for the next days is not availableA day other than Today is selected and the school does not have a plan for the next days.
Widget is too small — please enlarge it.The widget is narrower than 360 px or shorter than 120 px.

A row that does not relate to a specific hour has the abbreviation “c.d.” in the Hour cell. A row containing only free text has the text in the Change column aligned to the left.

Updated