Fullscreen sample of tabbar

Webix JS
1

Hi,

Is it possible to provide (or point me to) a sample of tabbar in fullscreen mode (with a 10px margin )? (It will be useful if it also includes some layout in the tabbar!)

I have some similar sample from dhtmlx:

<style>
	html, body {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		border: 0px;
		background-color: #ebebeb;
		overflow: hidden;
	}
</style>

<script>
	var myTabbar;
	var myLayout;
	
	function doOnLoad() {
		myTabbar = new dhtmlXTabBar({
			parent: document.body,
			tabs: [
				{id: "a1", text: "Tab 1-1", active: true},
				{id: "a2", text: "Tab 1-2"},
				{id: "a3", text: "Tab 1-3"},
				{id: "a4", text: "Tab 1-4"},
				{id: "a5", text: "Tab 1-5"}
			]
		});
			
		// add this once
		myTabbar.setSizes1 = myTabbar.setSizes;
		myTabbar.setSizes = function(){
				this.setSizes1.apply(this, arguments);
				this.base.style.left = this.conf.baseOfs.w+"px";
				this.base.style.top = this.conf.baseOfs.h+"px";}

		// apply margins, after init
		myTabbar.conf.baseOfs={w:10,h:10}; // width/height
		myTabbar.setSizes();
		
		// Layout
		myLayout = myTabbar.tabs("a1").attachLayout("2U");
		myLayout.cells("a").hideHeader();
		myLayout.cells("b").hideHeader();
		myLayout.cells("a").setWidth(260);
		
</script>

Thanks
Rael

2

Check
http://webix.com/snippet/bf38ab1f

It uses space layout to create margin around tabbar

webix.ui({
  type:"space", 
  padding:10,
  rows:[ tabbar ]
});