Skip to Content
0
Dec 28, 2015 at 06:49 PM

Setting background image to sap.ui.layout.form.Form

739 Views

I have a splitapp where-in I have a background image which comes fine on display.

//SplitApp for Master and Detail
  var oSplit_App = new sap.m.SplitApp({masterPages:Page_PoHdr,
                                  detailPages:Page_PoItm,
                                  backgroundImage:"Images/background1.jpg",
                                             backgroundRepeat: true});

But when i populate the detailed page of splitapp by a FormContainer of the GridLayout , the background image seems to get overwritten by the plain white color of the form layout. Is there anyway I can apply the background image at Layout level or Form Container level.

//PO Header Details Display**************************************************************************************
  var oLayout_Hdr = new sap.ui.layout.form.Form({
                 layout: new sap.ui.layout.form.ResponsiveGridLayout(),
                     formContainers: [new sap.ui.layout.form.FormContainer({
                       formElements: [
                                       new sap.ui.layout.form.FormElement({
                                    label: new sap.m.Label({text:"PO No",
                                                        design: sap.m.LabelDesign.Bold}),
                                    fields: [new sap.m.Label({text:"12345678 - Standard PO"})]                                   
                                   }),