Build Widgets

Praesent suscipit velit lorem, eget posuere arcu dapibus sit amet. Quisque sollicitudin enim odio.

X. (opt.) if needed set default html for container

_wf.widget.setDefaultConfigs({

defaultstoreconfig: true,

maxwidgetnestinglevel: 4,

widgetmenuclosehtml: '✖',

widgetmenuslidehtml: '☰',

jsontplwidgetmodallayer: '<div id="wdgmodallayer">&shy;</div>',

jsontplwidgetcontainer: '<wtf id="{%=widgetid%}" class="{%=widgetclass%}" data-title="{%=widgetdatatitle%}">{%=widgethtml%}</wtf>',

jsontplwidgetconfightml: '<wtfconfig>{%=widgetjsonconfig%}</wtfconfig>',

jsontplwidgetcontainerhtml: '<div class="wdgcontainer {%=widgetcontainerclass%}">{%=widgetcontainerhtmlcontent%}</div>',

jsontplwidgetmenucontrol: '<span class="wdgboxcontrols {%=controltype%}">{%=controlhtml%}</span>',

jsontplwidgettitlebar: '<div class="wdgtitlebar">{%=widgetmenuclosecontrol%}{%=widgetmenuslidecontrol%}&' + 'nbsp; <span class="wdgtitle">{%=widgettitle%}</span></div>',

jsontplwidgetcontent: '<div class="wdgcontent" id="{%=widgetid%}_c">{%=widgethtmlcontent%}</div>'

});

----------------------------------------

1. Create a widget container

as modal:

_wf.widget.createWidget({
modal: true,
titlebar: true,
name: "test1"
});

as inline widget:

_wf.widget.createWidget({

modal: false,

titlebar: true,

name: "test2"

});

----------------------------------------