Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

Grid Layout issue while using sap.m library


While using Grid in sap.m, i used default span L8 which sepcifies screen can be divided into 8 parts, but actually here i am using only two text fields, second text field is coming in next line. But my scenario is, i need to display it next to next in first line only.(which is not happening in Grid with L8 , its working fine with L6 ) .When i did some modifications in div class in console with span as L9, it is working fine ( Please find attached screen shot).

Please let me know how the Grid control works exaclty with two Text fields with span as L9.

We are trying the above scenario with below specified code.

var oLabelRspblty = new sap.m.Text({

  text : "Responsibilities :",

  design : "Bold"


  var oTextRspblty = new sap.m.Text(


  text : "Purpose of the Role Implement Design, Development, Validation and Support activities in line with architecture requirements; participate inKnowledge Management activities with the objective of ensuring the highest levels of ",


  var oGridJDRspblty = new sap.ui.layout.Grid({

  // binding: "{/data}",

  defaultSpan : "L6 M12 S12",

  width : "100%",

  content : [ oTextRspblty, oLabelRspblty ]


  return new sap.m.Page({

  title: "Title",

  content: [ oGridJDRspblty




Thanks in advance for Suggested solutions.



Grid issue.png (89118 B)
Former Member
Not what you were looking for? View more on this topic or Ask a question