N4Ig7glgJg5gpgFygQwaiCA2cQC4QCycAdgK4gA0IAzgBYD2YCG2ARsgE54Bmym1cKsWQBbHPjFlKITPWRQ4ADwRwOwzHgQdSgmgGMOcEnu4w8oSaT30FeENIHXiKDgE87C3qUwJpezMjU1HbSlsxY4iBQ9HrUAHQAPNRa9MQwAHx6AExxTNwJAPTJHKkZoSSk4diYEMQA1na1CopxAA60rQ4MYHqciHap0lAlrdFgxP4Qeg34Dgiu2CoirQEqdgAicF4+0q301BgQg/jCAG7sHAC0HBAwtL5UAFakyRDcEHBQIVSyMPTfUVQyDswAAOiBLODcABtMEgKpwKHggAqlXoNz41HBFHBqC0AH1aIZuEiQABibHguiMXqGBBQrQ6HE0UisSF4WHghGkgDKiFIrVwAAICMgIJhKSA8RxCcTSQVWsh4AVReLwQBfChw7l4cF8hAC4UAeWINWIcCFPIYrUl0tlW3liuVJrNcEuVvoNpAmu1LERupA+sNQvW9BEYuIWMouIQBKJDoDCqVcAK3QQ9Eu0XDtSjPq5ftJAE16KQOEKAArJ6iWxl6A2GW2xmXxkmJp0p9uXYpWev+vPwgsBgASjCF6eF8igQuQQvNYArycbcblbeTqcY6cuc/bGq1+YipJH8/HQrA6Lqp4wtCFyLgy1WcCjzLtLcda7TGaWK1Qj93voPw6jieZ4cBekAINeABi6IiE+MbLgmuDgkmyofpc3Awbme4DgBSEgEeY70MKnwYGOtAWkQZBLs2K54ShKZoSRCCXOy/Y6nhAByUyqEKpb8NR9qtnR7YFMQ3FXHxuYALpsYOeEAEqPtQJYcHov7RlKTaCaSFIadSPR9PSmjaIIVKsuyML/tgvJoMwehCopQQqWpcGaQhQnISJPK2VMlyOcppYuX++7WQGkHIKcUypNWABklrfnQ1AGEYkYCa+q7KuFkVONQ7oJbQSWGCQWFWf6eGVrGqipRpL60Z5a4VSoaglSFZXggAgqQUBHGldUgPRBSdd19AajJ2HseCmynHAsitKorm1Yh4K6cy+m0ogDImat5kVFCnI4aFeHQRwsG9Ut/UiRhJ0tQdbUgAAUjyRocUK7XlgAkmdHkXWuj3PZcb2fd641ySid7fioC1aelwlrsi5YADLBbdNkLI+5GIFD7lvsqADCPI8sjE0gO1rStFjNHnQNpPk0ToOEIgQIwBT2kZSmYhoJcaDM6Nsm4eCkElMQKjOF9OmSmthmbUyZlsrtHKlaSADq0DwAgLMw/Vyoq7AmN0/zIDIuRYga31A1G3e6l84dYP3j+ptUyJt525D+s2yAlbwA730DZ7VsyTJXSMEOoisKW8BcPggyauAquINAdiWPi+IACwAKKPI8KduAAnNwACO7WhDYfA8JiugiCXmCQFAEEAuGei0AAjAADMIYh2DXassRU3pAA

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"

});


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