To solve this issue, please override the $.fn.layout.parsePanelOptions function.
<script type="text/javascript">
$.fn.layout.parsePanelOptions = function(target){
var t = $(target);
var opts = $.extend({}, $.fn.panel.parseOptions(target),
$.parser.parseOptions(target, [
'region',{split:'boolean',collpasedSize:'number',minWidth:'number',minHeight:'number',maxWidth:'number',maxHeight:'number'}
]));
var dir = opts.region || 'center';
return $.extend({}, opts, {
cls: ('layout-panel layout-panel-'+dir+' '+(opts.cls||'')),
bodyCls: ('layout-body '+(opts.bodyCls||''))
});
};
</script>
The updated example is available from
http://jsfiddle.net/yLwd4kvn/1/.