New to Telerik UI for Blazor? Download Free 30-day trial
Calendar - Multi View
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
| Su | Mo | Tu | We | Th | Fr | Sa | |
|---|---|---|---|---|---|---|---|
| 27 | 30 | 1 | 2 | 3 | 4 | 5 | 6 |
| 28 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 29 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 30 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 31 | 28 | 29 | 30 | 31 | 1 | 2 | 3 |
| 32 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| Su | Mo | Tu | We | Th | Fr | Sa | |
|---|---|---|---|---|---|---|---|
| 31 | 28 | 29 | 30 | 31 | 1 | 2 | 3 |
| 32 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 33 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 34 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 35 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
| 36 | 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| Su | Mo | Tu | We | Th | Fr | Sa | |
|---|---|---|---|---|---|---|---|
| 36 | 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 37 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 38 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 39 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 40 | 29 | 30 | 1 | 2 | 3 | 4 | 5 |
| 41 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
- Multiview.razor
Description
Telerik UI for Blazor Calendar allows you to display more than one view at a time. It can be useful if you want to show multiple consecutive periods of time, so that the user needs to browse less.
The functionality is called MultiView and you can enable it through the View parameter of the Blazor Calendar. It accepts an int and specifies the number of Calendar instances that will be displayed to the user. The MultiView is supported in the various Calendar views – Month View, Year View, Decade View, Century View. When the MultiView functionality is enabled, you can still use the rest of the Calendar features – specify the desired selection mode, set Min and Max value and more.
The current demo showcases a Blazor Calendar with three views where the selected view is Month. With this configuration the user will see a set of three months at a time. When using the navigation buttons, the Calendar will switch to the next or previous set of months. Pressing the Today button will focus on the set of months that contains the current date.
If you switch to the year view, the set will show equal data – the months of the year. Switching to the decade view will display three sets of decades.