Kendo diagram HTML content

It's developed, it's been committed but the guys haven't merged it. Can't believe it.

by Francois Vanderseypen

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.dataviz.min.css">
<script src="http://cdn.kendostatic.com/2015.1.318/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.318/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.flat.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.dataviz.flat.min.css">
<h1>Kendo diagram HTML content</h1>

<div id="diagram"></div>

CSS

html {
    font-size: 13px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    color: dimgrey;
}

JavaScript

var diagram = $('#diagram')
            .kendoDiagram({
                shapes: [{
                    id: "rect",
                    type: "Rectangle",
                    x: 50,
                    y: 100,
                    width: 150,
                    height: 100,
                    content:{
                        html:"<div><strong style='margin:10px; border:1px solid white; padding:10px;color:white;'>This</strong> works</div>",
                        align: "center middle"
                    }
                },{
                    id: "rect1",
                    type: "Circle",
                    x: 200,
                    y: 200,
                    width: 100,
                    height: 100,
                    content:"Friday"
                }]
            })
            .getKendoDiagram();