Sapui5 将按钮与SAP UI5中的下一行对齐;“SimpleForm”;
我是SAPUI5的新手;)刚开始学习基础知识。我想从你们那里知道如何将按钮与表单中的下一行对齐。如下图所示,保存和取消按钮与Pin码对齐。所以让我知道。这里是小提琴链接:Sapui5 将按钮与SAP UI5中的下一行对齐;“SimpleForm”;,sapui5,Sapui5,我是SAPUI5的新手;)刚开始学习基础知识。我想从你们那里知道如何将按钮与表单中的下一行对齐。如下图所示,保存和取消按钮与Pin码对齐。所以让我知道。这里是小提琴链接: 另外,请告诉我这个属性的含义是什么,我已经阅读了文档,但没有掌握太多。术语如下:labelSpanXL、labelSpanL、labelSpanM、labelSpanS、emptySpanXL、emptySpanL、emptySpanS、columnsXL、columnsL、columnsM、breakpointXL、brea
另外,请告诉我这个属性的含义是什么,我已经阅读了文档,但没有掌握太多。术语如下:labelSpanXL、labelSpanL、labelSpanM、labelSpanS、emptySpanXL、emptySpanL、emptySpanS、columnsXL、columnsL、columnsM、breakpointXL、breakpointL和breakpointM。屏幕分为span,因此我们在所有设备(移动设备、笔记本电脑、台式机)中都有12个span,因此labelSpanXL表示超大屏幕,labelspanl的意思是大屏幕等等。。。因此,根据您的设备,from将显示内容。感谢@inlovesap为您回复。。。因此,在设计表单时,我需要在所有属性XL、L和S中设置值?
var oForm = new sap.ui.layout.form.SimpleForm({
title: "Sample Form",
editable: true,
layout: sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout,
content: [
new sap.m.Label({ text:"Name" }),
new sap.m.Input({ placeholder:"Enter name here", width: "60%" }),
new sap.m.Label({ text:"Company" }),
new sap.m.Input({ placeholder: "InkYourCode", width: "60%" }),
new sap.m.Label({ text:"Email"}),
new sap.m.Input({ placeholder: "Enter email here", width: "60%" }),
new sap.m.Label({ text:"Mobile"}),
new sap.m.Input({ placeholder: "Enter Mobile here", width: "60%" }),
new sap.m.Label({ text: "Pin Code" }),
new sap.m.Input({ placeholder: "Enter Pin-Code here", width: "60%" }),
new sap.m.Button({ text: "Save" }),
new sap.m.Button({ text: "Cancel" })
]
}).placeAt("content");