New to Kendo UI for jQuery? Start a free 30-day trial

Shapes.content.padding

configuration

The padding of the content.

shapes.content.padding

Object|Number

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      content: {
        text: "Padded Text",
        padding: 10
      }
    }]
});
</script>

shapes.content.padding.bottom

Number

The bottom padding of the content.

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      content: {
        text: "Bottom Padded Text",
        padding: { bottom: 15 }
      }
    }]
});
</script>

shapes.content.padding.left

Number

The left padding of the content.

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      content: {
        text: "Left Padded Text",
        padding: { left: 15 }
      }
    }]
});
</script>

shapes.content.padding.right

Number

The right padding of the content.

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      content: {
        text: "Right Padded Text",
        padding: { right: 15 }
      }
    }]
});
</script>

shapes.content.padding.top

Number

The top padding of the content.

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      content: {
        text: "Top Padded Text",
        padding: { top: 15 }
      }
    }]
});
</script>