Как уменьшить интервал в ResponsiveGridLayout
? На этом изображении я хочу, чтобы не было просачивания между SearchField
и Button
. Я искал через Google и внимательно изучал API, но ничего не нашел.Интервал между столбцами «ResponsiveGridLayout» (SAPUI5)
РЕДАКТИРОВАТЬ:
var oResponsiveLayout = new sap.ui.layout.form.ResponsiveGridLayout({
columnsL : 3,
columnsM : 3,
columnS : 1
});
var oFormLayout = new sap.ui.layout.form.Form({
layout : oResponsiveLayout,
formContainers : [ new sap.ui.layout.form.FormContainer({
formElements : [ new sap.ui.layout.form.FormElement({
fields : [ this.oSearchField = new sap.ui.commons.SearchField({
width : "100%",
placeholder : "Suchtext/ID",
search : this._onSearchRequest.bind(this),
layoutData : new sap.ui.layout.GridData({
span : "XL9 L9 M6 S6"
})
}) ]
}) ]
}), new sap.ui.layout.form.FormContainer({
formElements : [ new sap.ui.layout.form.FormElement({
fields : [ this.oArrowUp = new sap.ui.commons.Button({
layoutData : new sap.ui.layout.GridData({
span : "XL1 L1 M2 S2"
}),
width : "100%",
icon : "resources/images/arrow_up.png",
tooltip : new sap.ui.commons.RichTooltip({
text : "Vorheriges Element der Suche anzeigen"
}),
press : this._onSearchArrowUpRequest.bind(this)
}), this.oArrowDown = new sap.ui.commons.Button({
layoutData : new sap.ui.layout.GridData({
span : "XL1 L1 M2 S2"
}),
width : "100%",
icon : "resources/images/arrow_down.png",
tooltip : new sap.ui.commons.RichTooltip({
text : "Nächstes Element der Suche anzeigen"
}),
press : this._onSearchArrowDownRequest.bind(this)
}) ]
}) ]
}),
вы пробовали применять [классы предопределенный CSS] (https://help.sap.com/saphelp_uiaddon10 /helpdata/en/77/7168ffe8324873973151dae2356d1c/content.htm) для управления Button и SerchField? – Dopedev
Можете ли вы предоставить скрипку/jsbin того, что вы сделали? – Dopedev
Я добавил код в приведенный выше текст. Я подумал, что, может быть, я смогу избежать стилизации с помощью CSS, но когда нет другого пути, я должен это сделать. – Chris