如何缩进按钮？

Question

我有以下SAPUI5应用程序：

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

我想从输入中缩进查询按钮。

如何做到这一点？

Answer 1

  

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

<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>

Answer 2

您可以使用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>