Tab rendering problem using aircompact skin and initialization from HTML markup

Webix JS
1

If the aircompact skin is applied to this snippet at
http://webix.com/snippet/58daf1d9
the “Tab1” and “Tab2” tabs in the tabbar will not render like the “compact” tabs in http://docs.webix.com/samples/16_skins/09_aircompact.html . Is this caused by faulty html in the snippet or a problem in the CSS?

The html in the snippet is based on the tabbar example at
http://docs.webix.com/samples/33_angular/01_layout.html
that seems to render fine using the webix.css and therefore I assumed it also would work using the aircompact skin.

2

Got a solution from support at Webix. The UI in the snippet is constructed before skin auto-detecting, to fix the issue an
webix.skin.set(“aircompact”);
should be added to force correct skin usage.
See fixed snippet at http://webix.com/snippet/1beb3f6a