Responsive Design In SAPUI5

Hi,

Easy way to split Tablet/Desktop UI screens.

Details: To divide our SPLIT screen Detail page into 2 screen under mobile library, Splitter is the best solution to complete our task.

With resize option:

var oLayout = new sap.ui.layout.Splitter({

  contentAreas : [detailViewpage,detailViewpage2],

    });

Inside this content area, we have two views name. While using this SAP automatically split our detail page it into 2 parts, with resize option

Without resize option:

var nonResize = new sap.ui.layout.SplitterLayoutData({

  resizable : false,

  });

  detailViewpage.setLayoutData(nonResize);

we need to use above code.

1. According to Split App architecture, Layout data roles are important.

2. Under splitter i put two views

3. if we assigned splitter layout data with resizable as false, resize option will disapers

This is available in version 1.22

Thanks,

Karthik A