Create some spacing around a text box

Hi,

var tabbar = {
view:“tabview”,
cells:[
{ header:“Webix”, rows:[
{view: “tree”, data: tree_data},
{view: “text”}
], padding: 5}
],
tabbar:{ optionWidth:150}
};

I have a simple layout: a tree and a text box below. I would like to setup some padding around the text box but not around the tree. Can this be done?

In the above code, the padding property sets up a padding around the tree and box.

Hi,

You can place a text field into another sub-layout and define the padding for this layout only:

rows:[ 
    { view: "tree", data: tree_data }, 
    { padding:5, rows:[
       	{view: "text"} 
     ]}
]

http://webix.com/snippet/88fa82ac