I'm using custom background color codes in my event template as shown below..
<scriptid="event-template"type="text/x-kendo-template"> <divstyle="background-color: #: kendo.toString(colorId, "hh:mm") #"> <pclass="bold"> <spanclass="bold"> #: kendo.toString(title) # </span> <spanclass="bold pull-right"> #: kendo.toString(trip.length) # Trips </<span> </p> <h3style="background-color: #: kendo.toString(colorId, "hh:mm") #"> </h3> </div> </script>But the space is occupied by only a portion in kendo event.Please find the screen shot..
The JSON for binding the event is given below..
[ { "id": 1, "name": "Sand", "start": "/Date(1470024001000)/", "end": "/Date(1470038400000)/", "colorId": "#90CAF9", "status": "Delivered", "client": "Foyer" }, { "id": 1, "name": "Gravel", "start": "/Date(1470110401000)/", "end": "/Date(1470124800000)/", "colorId": "#CE93D8", "status": "Dispatched", "client": "Foyer" }, { "id": 1, "name": "Aggregate 20 mm", "start": "/Date(1470024001000)/", "end": "/Date(1470038400000)/", "colorId": "#9FA8DA", "status": "Delivered", "client": "Foyer" }]Please let me know where I'm doing wrong..