Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m,sap.ui.layout"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
​
  <script>
    var container1 = new sap.m.TileContainer({
      width : "100%",
      height: "350px",
      tiles : [new sap.m.StandardTile({
            icon : "sap-icon://play",
        title : "1st Important Tile"
      }),new sap.m.StandardTile({
            icon : "sap-icon://play",
        title : "2nd Important Tile"
      })]
    }),container2 = new sap.m.TileContainer({
      width : "100%",
      height: "350px",
      tiles : [new sap.m.StandardTile({
            icon : "sap-icon://play",
        title : "1st Important Tile"
      }),new sap.m.StandardTile({
            icon : "sap-icon://play",
        title : "2nd Important Tile"
      })]
    });
    
    var gridContainer = new sap.ui.layout.Grid({
      defaultSpan : "L6 M12 S12",
      width : "100%",
      content : [container1, container2]
    });
    
    new sap.m.App({
      pages : new sap.m.Page({
        enableScrolling : false,
        title : "Responsive Adjacent sap.m.TileContainers",
        content : gridContainer
      })
    }).placeAt("content");
    
  </script>
  
<body class="sapUiBody" role="application">
  <div id="content"></div>
</body>
 
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers