窗体挤压到按钮宽度

Question

我试图创建一个简单的Webix窗体，但有一个问题：添加按钮时（无论或其位置 - 窗体内或窗体外），整个窗体被挤压到按钮宽度。这里是我的代码：

webix.ui({ 
    container:"form", 
    rows:[  
    { view:"form", elements:[ 
     { view:"text", label:"Name" }, 
     { view:"text", label:"Email" }, 
     { view:"text", label:"Password" } 
    ] }, 
    { view:"button", autowidth:true, value:"Submit" } 
    ] 
}); 

http://webix.com/snippet/89628ea1

想知道它是如何固定？谢谢。

Answer 1

您必须在窗体中添加属性宽度。

{ 
    container:"form", width:300, 
    rows:[  
    { view:"form", elements:[ 
     { view:"text", label:"Name" }, 
     { view:"text", label:"Email" }, 
     { view:"text", label:"Password" } 
    ] }, 
    { view:"button", autowidth:true, value:"Submit" } 
    ] 
}