html - 表单正在挤压到按钮宽度

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