Re: Using sap.ui.commons Control in Simple form result in no padding

Hi Dennis,

I am using Simple Form itself . But still it is coming like the screenshot attached.Here is the code :

<m:IconTabFilter icon="sap-icon://detail-view"

  iconColor="Negative" text="Details">

  <form:SimpleForm id="Form" minWidth="1024"

  layout="ResponsiveGridLayout" labelSpanL="3" labelSpanM="3"

  emptySpanL="4" emptySpanM="4" columnsL="1" columnsM="1">

  <core:Title text=" Type" />

  <Label text="Compensation Type" required="true" />

  <DropdownBox>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  </DropdownBox>

  <Link text="Not Sure?" press="handleLinkPress" />

  <Label text="Type of Request" />

  <DropdownBox>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  </DropdownBox>

  <Link text="Not Sure?" press="handleLinkPress" />

  <Label text="Job Function" />

  <TextField value="{netpr}" />

  <Label text="Reference Document" />

  <TextField value="{lifnr_txt}" />

  <DropdownBox>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  </DropdownBox>

  <Label></Label>

  <CheckBox text="This request is for a Non-SAP Site" />

  <Label text="ComboBox"></Label>

  <DropdownBox>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  <core:ListItem text="Dummy 1"></core:ListItem>

  </DropdownBox>

  <Label></Label>

  <layout:ResponsiveFlowLayout>

  <Button text="Cancel" width="50%"></Button>

  <Button text="Next" width="50%" type="Reject"></Button>

  </layout:ResponsiveFlowLayout>

  </form:SimpleForm>

  </m:IconTabFilter>

Can you please suggest what is happening wrong ?

Regards

Mayank