Ui-related context points to an element that will be shown on the page on right mouse click. The context looks like a popup window where you can place any HTML element or UI component.
webix.ui({
view:"context",
width: 300,
body:{ ....},
padding:20,
master:"areaA"
});
Related sample: Context Menu: UI Components Inside
Context features hidden property set to true by default. It can be changed during component init, but this won't make much sets since context purpose is to be hidden and appear only on right click.
What can be a context element?
webix.ui({
view:"context",
body:{view: "toolbar", cols:[
{view:"button", value:"Button1", width: 100},
{view:"button", value:"Button2", width: 100}]
},
width: 300,
master:"context_area"
});
Related sample: Context Menu: UI Components Inside
The container is specified in the body constructor as value of content property.
body:{
content:"details"
}
Content will get elements that are inside the container.
<div id="details">
Power of HTML5
<hr>
<img src='http://Webix.com/codebase/images/bg_touch.gif'>
</div>
Related sample: Context Menu: HTML Content