Finds the panel and extends it with provided object.

Description

The first argument type is the name of the panel. It can be one of the following:

• top
• left
• main
• right
• preview
• bottom

Below is a structure of the panel object: panel: { type: null, // type of the panel can be: left, right, top, bottom, preview size: 100, // width or height of the panel depending on panel type minSize: 20, // minimum size of the panel in px when it is resized hidden: false, // indicates if panel is hidden resizable: false, // indicates if panel is resizable overflow: 'auto', // overflow property of the panel, can have same values as similar CSS property style: '', // additional css styles for the panel html: '', // content of the panel, can be a string or an object with .render(box) method width: null, // width of the panel, read only height: null, // height of the panel, read only onRefresh: null, // refresh event for the panel onShow: null, // show event for the panel onHide: null // hide event for the panel } Please note that the panel is not replaced with object, but extended using $.extend() method. Below is an example how to extend panel object: let layout = new w2layout({ name : 'layout', panels : [ { type: 'top', size: 40 }, { type: 'main', html: 'This is main panel' }, { type: 'preview', size: 200, hidden: true } ] }); w2ui.layout.set('preview', { resizable: true, minSize: 100 });