Search code examples
csssapui5

Remove space in between mandatory * and label in SAPUI5

We have space between the * and title Payment Method.

I am using following code

new sap.ui.commons.form.FormElement({
    label: "Payment Method",
    fields: [
        new sap.ui.commons.ComboBox("PaymentMethod", { 
            items : [
                new sap.ui.core.ListItem("PaymentMethod1", { text: "Wire" }),
                new sap.ui.core.ListItem("PaymentMethod2", { text: "ACH" })
            ],
            required:true,
        })
    ],
    layoutData: new sap.ui.commons.layout.ResponsiveFlowLayoutData({
        linebreak: true, 
        margin: true
    })
})

Thanks in advance.

Solution

  • Change the CSS as:

    .sapUiGridLabel > .sapUiLbl.sapUiLblReq:before {
  color: #006CA7;
  content: "*";
  font-size: 20px;
  font-weight: bold;
  padding-right: 0px;
  vertical-align: middle;
}