Skip to content

@derickbailey /resize.js
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
resize kendo splitter to full vertical height of window
$("#vertical").kendoSplitter({
orientation: "vertical",
panes: [
{ collapsible: false, resizable: false, size: "100px" },
{ collapsible: false },
{ collapsible: false, resizable: false, size: "100px" }
]
});
$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true },
{ collapsible: false },
{ collapsible: true }
]
});
$(window).resize(function() {
resizeSplitter()
});
var resizeSplitter = function() {
var topHeight = 100;
var bottomHeight = 100;
var centerHeight = $(window).height() - (topHeight + bottomHeight);
var splitter = $("#vertical").data("kendoSplitter");
splitter.size("#topPane", topHeight + "px");
splitter.size("#middlePane", centerHeight + "px");
splitter.size("#bottomPane", bottomHeight + "px");
splitter.trigger("resize")
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.