Font size for monthview in adaptive rendering

[Anamika]

Hello,

i have Kendo Scheduler with adaptive Rendering Mobile(Mibilemode.Phone) On phone day and month view Display good but in month view i only see dots. So i want to set font size to smaller for month view and increase cell width. But have no success so far.can we have a separate Event template only for monthview? This is how my code looks
.Views(views =>
    {
      
        views.MonthView(workmonthView => workmonthView.Selected(ViewBag.ShowMonth).EventTemplate("<span class='smallText'>" +
                   
                    "#= title #" +
                "</span>"));
    })

and style is
.k-scheduler-monthview .k-scheduler-table td {

height:100px !important;
width:100px;
}
[role-gridcell] {
height:100px !important;
width:100px;
}
.smallText {
font-size: 1.2em;

}

Thanks

Anamika

[Vladimir Iliev]

Hi Anamika,


You can set different "EventTemplate" for each view using the same configuration that you provide. Additionally you can customize the "Month" view "DayTemplate" which is responsible for the content of the day slots.

.Views(views => {
    views.DayView(dayView => dayView.EventTemplate("DayViewTemplate"));
    views.MonthView(monthView => monthView.EventTemplate("MonthViewTemplate"));

Also to increase the cells width I would suggest increasing the Scheduler "width".

Kind Regards,
Vladimir Iliev
Telerik

 

 

[Anamika]

ok using this method i have now scheduler cell as big as it looks on tablet still i see always dots and no text. In the adaptive rendering sample on telerik demo site i also see it shows dots on mobile monthview. So my question is on mobile month view will it atall display text for events?If yes can you provide a working sample may be

[Vladimir Iliev]

Hello Anamika,

Basically the titles of the events are not shown as there is not enough space for showing them in the mobile "month" view (the event element 'width' and 'height' are reduced to look like dot). Currently however increasing the size of the event elements it's not supported - that why to be able to show the events in their full size you will need to extend the "month" view. For example of how to create custom view by extending one of the build-in ones you can check the following demo"

• Scheduler: custom view

Regards,
Vladimir Iliev
Telerik