New to Telerik UI for Blazor? Download Free 30-day trial

Calendar - Multi View

Su Mo Tu We Th Fr Sa
18 28 29 30 1 2 3 4
19 5 6 7 8 9 10 11
20 12 13 14 15 16 17 18
21 19 20 21 22 23 24 25
22 26 27 28 29 30 31 1
23 2 3 4 5 6 7 8
Su Mo Tu We Th Fr Sa
22 26 27 28 29 30 31 1
23 2 3 4 5 6 7 8
24 9 10 11 12 13 14 15
25 16 17 18 19 20 21 22
26 23 24 25 26 27 28 29
27 30 1 2 3 4 5 6
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
  • Multiview.razor
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming

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.

This Blazor Calendar Multi View example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.