Skip to content

Commit 9970294

Browse files
docs(calendar): multiview
1 parent fac4763 commit 9970294

File tree

2 files changed

+33
-10
lines changed

2 files changed

+33
-10
lines changed

components/calendar/multiview.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
---
2+
title: MultiView
3+
page_title: Calendar for Blazor | MultiView
4+
description: Multiple Views in the Calendar for Blazor
5+
slug: components/calendar/multiview
6+
tags: telerik,blazor,calendar,multi,view,multiple
7+
published: True
8+
position: 3
9+
---
10+
11+
# Multiple Views
12+
13+
You can render several instances of the current calendar view next to each other so that the user needs to browse less. To do that, set the `Views` property to the desired count of views.
14+
15+
>caption Render 3 months (a quarter) at a time
16+
17+
````CSHTML
18+
<TelerikCalendar Views="3" View="CalendarView.Month">
19+
</TelerikCalendar>
20+
````
21+
22+
![](images/calendar-multiple-views.png)
23+
24+
>tip You can still use the other features of the calendar like setting a starting `Date` and [Selection]({%slug components/calendar/selection%}), or the `Min` and `Max` constraints.
25+
26+
27+
## See Also
28+
29+
* [Calendar Overview]({%slug components/calendar/overview%})
30+
* [Live Demo: MultiView Calendar](https://demos.telerik.com/blazor-ui/calendar/multiview)
31+

components/calendar/overview.md

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -63,20 +63,12 @@ The calendar provides a number of features that allow you to control the user ex
6363

6464
* [Navigation]({%slug components/calendar/navigation%}) - the calendar level (view) at which the user starts, to what detail (view) they can go, the min, max and current date.
6565
* [Selection]({%slug components/calendar/selection%}) - whether the user can select only one ore more dates, and also a collection of dates they cannot select.
66+
* [Multiple Views]({%slug components/calendar/multiview%}) - you can show the user a wider range of dates.
6667

67-
You can also render several instances of the current view next to each other so that the user needs to browse less. To do that, set the `Views` property to the desired count of views.
68-
69-
>caption Render 3 months at a time
70-
71-
````CSHTML
72-
<TelerikCalendar Views="3" View="CalendarView.Month">
73-
</TelerikCalendar>
74-
````
75-
76-
![](images/calendar-multiple-views.png)
7768

7869
## See Also
7970

8071
* [Navigation]({%slug components/calendar/navigation%})
8172
* [Selection]({%slug components/calendar/selection%})
73+
* [Multiple Views]({%slug components/calendar/multiview%})
8274
* [Live Demo: Calendar](https://demos.telerik.com/blazor-ui/calendar/index)

0 commit comments

Comments
 (0)