Font size for monthview in adaptive rendering

4 posts, 0 answers
  1. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 10 Sep 2014 Link to this post

    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
  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 11 Sep 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 11 Sep 2014 in reply to Vladimir Iliev Link to this post

    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
  4. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 15 Sep 2014 Link to this post

    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"

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top