Hi,
I am using a responsiveGridLayout to display the header data (pink color background). The only change i want to make in the below output is that there is a gap between the green tick and the label "Fully Delivered" , I want to reduce this gap. Normally in FormElement there is one label and one corresponding control for it. But in this particular line , I am having one label and 2 controls for this FormElement (one label "Fully Delivered" and one image of green tick).
Not sure how to reduce this gap. Spanlabel property is for the label but I want to change the span of the controls and not label of FormElement so i guess i cannot use this property for my purpose.
new sap.ui.layout.form.FormContainer({ formElements:[ new sap.ui.layout.form.FormElement({ label: new sap.m.Label({text:"Delv Status", design: sap.m.LabelDesign.Bold}), fields: [new sap.m.Label("Lbl_DStat",{width:"100px"}), new sap.m.Image("Img_DStat",{ height: "15px", width: "30px" })] }), new sap.ui.layout.form.FormElement({ label: "", }), new sap.ui.layout.form.FormElement({ label: new sap.m.Label({text:"Inv Status", design: sap.m.LabelDesign.Bold}), fields: [new sap.m.Label("Lbl_IStat"), new sap.m.Image("Img_IStat",{ height: "15px", width: "30px" })] }), ]
Regards
Amber