Widgets > wijsuperpanel > wijsuperpanel Tutorial > wijsuperpanel Step 2 of 3: Initializing the Widget |
In the previous step, you added markup to add the content that will appear in the superpanel. Now you can add the jQuery script to initialize the widget.
After the closing </div>
tags you added in the previous step, enter the following jQuery script to initialize the wijsuperpanel widget:
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#superPanel2").wijsuperpanel({
allowResize: true,
hScroller: {
scrollMode: 'scrollbar,buttons'
},
vScroller: {
scrollMode: 'scrollbar,buttons'
}
});
$("#superPanel3").wijsuperpanel({
hScroller: {
scrollMode: 'edge'
},
vScroller: {
scrollMode: 'edge'
}
});
});
</script>