Problem with a ProtoUI ScrollView

Hello webix team! How are you? I have the next protoUI:

webix.protoUI({
name:“hosp_chief”,
$init:function(config){
this.body={
cols: [
{
rows: [
{
cols: [
{ view: “label”, width: 20 },
{ view: “combo”, label: “Campus”, id:‘campus’, name: “campus”, labelWidth: 80},
{ view: “label”, width: 20 }
]
},
{
view: “form”,
id: “hosp_data”,
elements: [
{
cols: [
{
rows: [
{
cols: [
{ view: “text”, label: “Education Chief”, name: “name”,id:‘name’, labelWidth: 180},
]
},
{
cols: [
{ view: “combo”, label: “Options”, name: “chiefs”,id:‘chiefs’, labelWidth: 180 },
]
},

                                        ]
                                    },
                                ]
                            }],
                        rules: {
                            "name": webix.rules.isNotEmpty,
                        }
                    },
                    { view: "button", value: "Modify Chief", css: "webix_primary" },
                    
                ]
            },
        ]
    }

},
$getSize:function(x, y){
    return webix.ui.view.prototype.$getSize.call(this, x, y);
},

},webix.ui.scrollview);

But when I try to call it in a tabbar like this:

cells:[
{
id:‘view1’,
view:‘hosp_chief’,
},

nothing is shown on the cell. How can I use the protoUI correctly?

Thanks and have a good day!

Hello @Enrih ,

Could you please tell a bit more what the purpose of protoUI is in the current situation?
ProtoUI is usually used to create a new custom component which have new features, inheritance from two different components for example. As far as I can see you don’t create any new properties or methods in your example. Please, check the documentation related to custom components

I would suggest you to use existing scrollview.
Please, check the snippet: Code Snippet

Thanks!