问将按钮与SAP UI5 "SimpleForm“中的下一行对齐
EN

Stack Overflow用户

提问于 2017-07-12 18:42:51

回答 1查看 1.7K关注 0票数 0

我是SAPUI5的新手;)刚刚开始学习基础知识。我想从你们那里知道如何将按钮与表单中的下一行对齐。如下图所示，Save & Cancel按钮与Pin-Code对齐。所以让我知道。这是小提琴链接：jsBin

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");

另外，请告诉我这个属性的含义是什么，我已经阅读了文档，但并不是很了解它。这些术语如下: labelSpanXL、labelSpanL、labelSpanM、labelSpanS、emptySpanXL、emptySpanL、emptySpanM、emptySpanS、columnsXL、columnsL、columnsM、breakpointXL、breakpointL & breakpointM。

sapui5

回答 1

Stack Overflow用户

发布于 2017-07-13 12:17:59

Screen被划分为span，因此我们在所有设备(移动设备、笔记本电脑、台式机)中都有12个span，所以labelspanl表示超大屏幕，labelspanl表示大屏幕，依此类推。因此，根据设备的不同，from将显示内容。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45055447

复制

相似问题

问将按钮与SAP UI5 "SimpleForm“中的下一行对齐
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将按钮与SAP UI5 "SimpleForm“中的下一行对齐EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将按钮与SAP UI5 "SimpleForm“中的下一行对齐
EN