Defining custom template outside the event

2 posts, 0 answers
  1. developer
    developer avatar
    58 posts
    Member since:
    Nov 2015

    Posted 01 Aug Link to this post

    I want to achieve the functionality in which the numbers needs to be displayed outside the event template but within the date.

    Please find the screen shots of the requirement.

    Here is the event template that I have used.

    <script id="event-template" type="text/x-kendo-template">   
      60-50-30
        <div style="background-color: #: kendo.toString(colorId, "hh:mm") #">
             <p class="bold">
               <span class="bold"> #: kendo.toString(title) # </span>
                <span class="bold pull-right">   #: kendo.toString(trip.length) # Trips    </<span>
            </p>     
            <h3 style="background-color: #: kendo.toString(colorId, "hh:mm") #"> </h3>
         </div>  
    </script>

    Can you please help me on this..

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    117 posts

    Posted 04 Aug Link to this post

    Hi Vijay,

    Please accept my apology for the delay.

    From the screenshots provided, I assume that your requirement is to have a Kendo UI Scheduler day template with a views type set to month. I would suggest using the views dayTemplate configuration setting: 

    http://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler#configuration-views.dayTemplate

    Since the Kendo UI Scheduler renders the slots before the events, you will have access to the current date and the resources. To display the required aggregates from the events for each day, calculate them programmatically according to the custom needs and logic in your requirement and pass them to the template. 

    Regards,
    Alex
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. Kendo UI is VS 2017 Ready
Back to Top