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

Orientation

configuration

Specifies layout orientation. The supported values are:

"horizontal" - the elements are arranged horizontally.
"vertical" - the elements are arranged vertically.

orientation

String

Default: "horizontal"

<div id="surface" style="height: 300px;"></div>
<script>
  var draw = kendo.drawing;
  var Rect = kendo.geometry.Rect;
  var Path = draw.Path;
  var rect = new Rect([200, 0], [250, 300]);
  var pathRect = new Rect([0, 0], [100, 100]);
  var layout = new draw.Layout(rect, {
    orientation: "vertical"
  });

  var pathA = Path.fromRect(pathRect);
  var pathB = Path.fromRect(pathRect);

  layout.append(pathA, pathB);
  layout.reflow();

  var surface = draw.Surface.create($("#surface"));
  surface.draw(layout);
  surface.draw(Path.fromRect(rect));
</script>