代码之家 › 专栏 › 技术社区 › softshipper

如何缩进按钮?[已关闭]

sapui5

-2

softshipper · 技术社区 · 6 年前

我有以下SAPUI5应用程序:

[Codepen](https://codepen.io/bifunctor/project/editor/XaOapY#)

我想将查询按钮缩进相同的like from input。

如何做到这一点?

2 回复 | 直到 6 年前

santhosh 6 年前

这是一种黑客行为。只需将空标签关联添加到按钮

<Label text="Payers"></Label>
<Input id="payerFrom" showSuggestion="true" placeholder="From"
   required="true">
</Input>
<Input id="payerTo" showSuggestion="true" placeholder="To"
   required="true">
</Input>
<Label text=""></Label>
<Button text="Query" type="Emphasized" press="queryData">
   <layoutData>
      <layout:GridData span="XL6 L6 M6 S12"/>
   </layoutData>
</Button>

Ankit 6 年前

您可以使用GridData的indent属性。试试这个:

<Label text="Payers"></Label>
<Input id="payerFrom" showSuggestion="true" placeholder="From"
   required="true">
</Input>
<Input id="payerTo" showSuggestion="true" placeholder="To"
   required="true">
</Input>
<Button text="Query" type="Emphasized" press="queryData">
   <layoutData>
      <layout:GridData span="XL6 L6 M6 S12" indent="L1 M1 S0"/>
   </layoutData>
</Button>

推荐文章

Michael K. · ValueHelpDialog的空结果消息是否可以定制?

2 年前

05_pingpong · 从TableSelectDialog到表单的数据绑定

6 年前

Mark Rabjohn · Chrome源代码未显示从Typescript生成的文件,并且具有源代码映射

6 年前

THI · 匹配两个文本字段的输入

6 年前

Chan Yoong Hon · SAPUI5将数据添加到HanaDatabase

6 年前

Tina Chen · 如何在SAPUI5中实现数据绑定?

6 年前

user2644620 · sapui5 sap。用户界面。table如何通过编程取消选中表行复选框

6 年前

rs9 · 使用sap中的数据绑定进行数据绑定。m、使用XML视图的表

6 年前

Recobe · SAPUi5文件上载程序设置WebKitFormBoundary

6 年前

user9657450 · 如何在智能表sapui5中只编辑一个单元格

6 年前