Skip to Content
0
Former Member
Feb 11, 2015 at 11:29 AM

Custom ResponsiveGridLayout in html view

177 Views

Dear all,

It's possible in a HTML view (SapUi5) using a responsiveGridLayout with 4 columns in L and M insert one div in the first columns(left) and one other div in the other 3 columns(right) ?

Layout is defined below.

thanks

<div data-sap-ui-type="sap.ui.layout.form.Form">
       <div data-sap-ui-aggregation="layout">
            <div data-sap-ui-type="sap.ui.layout.form.ResponsiveGridLayout"
            data-label-span-l="12" data-label-span-m="12"
            data-label-span-s="12" data-empty-span-l="1"
            data-empty-span-m="1" data-empty-span-s="1" data-columns-l="4"
            data-columns-m="4" data-columns-s="1" data-breakpoint-l="800"
               data-breakpoint-m="400"></div>
       </div>
     <div data-sap-ui-aggregation="formContainers">
            <div data-sap-ui-type="sap.ui.layout.form.FormContainer"  >
                 <div data-sap-ui-aggregation="formElements"    >
                      <div data-sap-ui-type="sap.ui.layout.form.FormElement"  >
                           <div data-sap-ui-aggregation="fields"   >
                              1 column
                          </div>
                       </div>
                   </div>
           </div>
            <div data-sap-ui-type="sap.ui.layout.form.FormContainer"  >
                 <div data-sap-ui-aggregation="formElements"    >
                      <div data-sap-ui-type="sap.ui.layout.form.FormElement"  >
                           <div data-sap-ui-aggregation="fields"   >
                              3 columns
                           </div>
                       </div>
                   </div>
           </div>
     </div>
 </div>