problem in re sizing and re arranging the tiles.

[Former Member]

I have used tiles in SAPUI5 screen. I am unable to resize and reorganize them. I want four tiles in a row but tiles gets rearranged with respect to the size of the screen. I have shared the code and screenshot.

var container1 = new sap.m.TileContainer({

tiles:[

new sap.m.StandardTile({

icon : "sap-icon://Enterprise",

title:"Enterprise Structure",

/*press:function(){

oController.navigateToCustomer();

},*/

}),

new sap.m.StandardTile({

icon:"sap-icon://crm-sales",

title:"Master Data",

press:function(){

oController.navigateToMasterdata();

},

}),

new sap.m.StandardTile({

icon:"sap-icon://supplier",

title:"SD",

}),

new sap.m.StandardTile({

icon:"sap-icon://my-sales-order",

title:"MM",

}),

new sap.m.StandardTile({

icon:"sap-icon://crm-sales",

title:"FI",

}),

new sap.m.StandardTile({

icon:"sap-icon://crm-sales",

title:"CO",

}),

new sap.m.StandardTile({

icon:"sap-icon://crm-sales",

title:"PP",

}),

new sap.m.StandardTile({

icon:"sap-icon://crm-sales",

title:"PM",

}),

]

});

[Former Member · Accepted solution]

Hi Arpit,

Why dont you use four StandardTiles each inside two TileContainers,

below is the code example please have a look into it,

Edit fiddle - JSFiddle

regards,

Nagarjun

[Former Member]

If you want to have a maximum of four Tiles in a Row, then i think you can achieve that by limiting the width of the TileContainer.