Hi,
I’ve used the splitter and kept it in collapsed state during page ready. Based on the splitter states during page ready, I’ll Show & Hide some of the elements inside both the panels respective to the panel size.
Though I kept the splitter in collapsed state, the “collapsed” event or “resize” event is not getting called. Below is the code snippet for reference,
$(document).ready(function()
{
$('#mainSplitter').jqxSplitter({
width: "100%",
height: "100%",
panels: [{size: "42%", collapsible: false, min: 230},{size: "58%"}]
});
$('#mainSplitter').jqxSplitter('collapse');
$('#mainSplitter').on('collapsed', function (event) {
alert('Alert when collpased');
});
$('#mainSplitter').on('expanded', function (event) {
alert('Alert when expanded');
});
$('#mainSplitter').on('resize', function (event) {
alert('Alert when resized');
});
});
I want the respective events to be get triggered once after the page load or once after the splitter state is set.
Can someone suggest me a solution on how to achieve?
Thanks,
Raj
