表单被挤压到按钮宽度

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" }
    ] 
}