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

Resize

methods

Adjusts the widget layout to match the size of the container.

resize

<div id="barcode" style="width: 300px; height: 150px;"></div>
<script>
$("#barcode").kendoBarcode({
  value: "FOO"
});

$("#barcode")
   .css("width", "600px")
   .data("kendoBarcode").resize();
</script>

Important

If a fixed width is set using the width option, the resize method will not adjust the widget to match the size of the container. In this case, update both the container's width and the widget's width to the appropriate value.

<div id="barcode" style="width: 300px; height: 150px;"></div>
<script>
$("#barcode").kendoBarcode({
  value: "FOO",
  width: 300
});

$("#barcode").css("width", "600px");
var barcode = $("#barcode").data("kendoBarcode");
barcode.setOptions({ width: 600 });
barcode.resize();
</script>