New to Telerik UI for ASP.NET MVC? Download free 30-day trial

MonthTemplateBuilder

Methods

ContentId(System.String)

Sets the template that renders the cells in the 'month' view.

Parameters

id - System.String

The id of the external Kendo UI template.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(x => x.ContentId("cell-template"))
            )
            <script id="cell-template" type="text/x-kendo-template">
              <div class="#= data.value < 10 ? 'exhibition' : 'party' #">
                  #= data.value #
              </div>
            </script>

EmptyId(System.String)

Sets the template that renders the cells in the 'month' view, which are not in the min/max range.

Parameters

id - System.String

The id of the external Kendo UI template.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .Min("01/01/2024")
                        .Max("10/01/2024")
                        .MonthTemplate(x => x.EmptyId("cell-template"))
            )

WeekNumberId(System.String)

Sets the template that renders the cells in "week number" column.

Parameters

id - System.String

The id of the external Kendo UI template.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(x => x.WeekNumberId("week-number-template"))
            )
            <script id="week-number-template" type="text/x-kendo-template">
              <span class='custom-week-num'>#=data.weekNumber #</span>
            </script>

Content(System.String)

Sets the template that renders the cells in the 'month' view.

Parameters

content - System.String

The content of the cell.

Example


                @(Html.Kendo().Calendar()
                           .Name("calendar")
                           .MonthTemplate(x => x.Content("<div class='my-custom-cell'>#= data.value#</div>"))
                )

Content(Kendo.Mvc.UI.TemplateBuilder)

Sets the template that renders the cells in the 'month' view.

Parameters

template - TemplateBuilder<TModel>

The content of the cell

Example


                @(Html.Kendo().Calendar()
                           .Name("calendar")
                           .MonthTemplate(monthTemplate => monthTemplate
                                    .Content(Html.Kendo().Template()
                                           .AddHtml("<div class='my-custom-cell'>${data.weekNumber}</div>")
                                    )
                           )
                )

Empty(System.String)

Sets the template that renders the cells in the 'month' view, which are not in the min/max range.

Parameters

empty - System.String

The content of the empty cells.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(x => x.Empty("-"))
            )

Empty(Kendo.Mvc.UI.TemplateBuilder)

Sets the template that renders the cells in the 'month' view, which are not in the min/max range.

Parameters

template - TemplateBuilder<TModel>

The content of the empty cells.

Example


                @(Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(Html.Kendo().Template()
                                .AddHtml("-")
                        )
                )

WeekNumber(System.String)

Sets the template that renders the cells in "week number" column.

Parameters

weekNumber - System.String

The content of the week number cells.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(x => x.WeekNumber("<div class='my-custom-cell'>#= data.weekNumber#</div>"))
            )

WeekNumber(Kendo.Mvc.UI.TemplateBuilder)

Sets the template that renders the cells in "week number" column.

Parameters

template - TemplateBuilder<TModel>

The content of the week number cells.

Example


                @(Html.Kendo().Calendar()
                           .Name("calendar")
                           .MonthTemplate(monthTemplate => monthTemplate
                                    .WeekNumber(Html.Kendo().Template()
                                           .AddHtml("<div class='my-custom-cell'>${data.weekNumber}</div>")
                                    )
                           )
                )

ContentHandler(System.String)

Sets the template that renders the cells in the "month" view.

Parameters

content - System.String

The JavaScript function that will return the content of the cells in the "month" view.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(x => x.ContentHandler("monthTemplate"))
            )
            <script>
               function monthTemplate(data) {
                    if(data.value < 10) {
                        return 'exhibition';
                    }
                    return 'party';
                }
            </script>

EmptyHandler(System.String)

Sets the template that renders the cells in the "month" view, which are not in the min/max range.

Parameters

empty - System.String

The JavaScript function that will return the content of the cells in the "month" view.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(x => x.EmptyHandler("emptyTemplate"))
            )
            <script>
               function emptyTemplate(data) {
                    return '-';
                }
            </script>

WeekNumberHandler(System.String)

Sets the template that renders the cells in "week" column.

Parameters

weekNumber - System.String

The JavaScript function that will return the content of the cells in the "week" column.

Example


             @( Html.Kendo().Calendar()
                        .Name("calendar")
                        .MonthTemplate(x => x.WeekNumberHandler("weekNumberTemplate"))
            )
            <script>
               function weekNumberTemplate(data) {
                    return `<span>${data.weekNumber }</span>`;
                }
            </script>

ContentView(Microsoft.AspNetCore.Html.IHtmlContent)

Sets the content template partial view.

Parameters

value - Microsoft.AspNetCore.Html.IHtmlContent

The partial view that will be rendered for the content template.

Example


                @(Html.Kendo().Calendar()
                       .Name("calendar")
                       .Month(month =>
                       {
                          month.ContentView(Html.Partial("_CustomCommand"));   
                       })
                )

WeekNumberView(Microsoft.AspNetCore.Html.IHtmlContent)

Sets the weeknumber template partial view.

Parameters

value - Microsoft.AspNetCore.Html.IHtmlContent

The partial view that will be rendered for the week number template.

Example


                @(Html.Kendo().Calendar()
                       .Name("calendar")
                       .Month(month =>
                       {
                          month.WeekNumberView(Html.Partial("_CustomCommand"));   
                       })
                )

EmptyView(Microsoft.AspNetCore.Html.IHtmlContent)

Sets the empty template partial view.

Parameters

value - Microsoft.AspNetCore.Html.IHtmlContent

The partial view that will be rendered for the empty template.

Example


                @(Html.Kendo().Calendar()
                       .Name("calendar")
                       .Month(month =>
                       {
                          month.EmptyView(Html.Partial("_CustomCommand"));   
                       })
                )

In this article
Not finding the help you need?