Hi Guys,
I want code two section with three generic tiles in each on same page.
Section 1:(title)
tile1 tile2 tile3
Section 2:(title)
tile1 tile2 tile3
I tried to code in two panel but all generic tiles goes in panel 1.
my view.js code for your reference.
jQuery.sap.includeStyleSheet("mysecondapp/myStyle.css");
sap.ui.jsview("mysecondapp.myFirstPage", {
/** Specifies the Controller belonging to this View.
* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
* @memberOf mysecondapp.myFirstPage
*/
getControllerName : function() {
return "mysecondapp.myFirstPage";
},
/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed.
* Since the Controller is given to this method, its event handlers can be attached right away.
* @memberOf mysecondapp.myFirstPage
*/
createContent : function(oController) {
//Create a panel instance
var oPanel = new sap.ui.commons.Panel({expandable:false});
//Set the title of the panel
oPanel.setTitle(new sap.ui.core.Title({text: "Our Services"}));
//Tile Section
var projectProcessTile1 = new sap.suite.ui.commons.GenericTile("pprocessTile1", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
var projectProcessTile2 = new sap.suite.ui.commons.GenericTile("pprocessTile2", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
var projectProcessTile3 = new sap.suite.ui.commons.GenericTile("pprocessTile3", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
var projectProcessTile4 = new sap.suite.ui.commons.GenericTile("pprocessTile4", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
//Add the form to the panels content area
oPanel.addContent(projectProcessTile1);
oPanel.addContent(projectProcessTile2);
oPanel.addContent(projectProcessTile3);
oPanel.addContent(projectProcessTile4);
//Second Panel
//Create a panel instance
var oPanel1 = new sap.ui.commons.Panel({expandable:false});
//Set the title of the panel
oPanel1.setTitle(new sap.ui.core.Title({text: "Our Services"}));
//Tile Section
var projectProcessTile5 = new sap.suite.ui.commons.GenericTile("pprocessTile5", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
var projectProcessTile6 = new sap.suite.ui.commons.GenericTile("pprocessTile6", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
var projectProcessTile7 = new sap.suite.ui.commons.GenericTile("pprocessTile7", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
var projectProcessTile8 = new sap.suite.ui.commons.GenericTile("pprocessTile8", {
header: "Project Processes",
subheader: "Delayed Stage Approvals",
size: "M",
frameType: "OneByOne"
});
//Add the form to the panels content area
oPanel.addContent(projectProcessTile5);
oPanel.addContent(projectProcessTile6);
oPanel.addContent(projectProcessTile7);
oPanel.addContent(projectProcessTile8);
var page = new sap.m.Page({
title: "Title",
content: [
oPanel, oPanel1
]
});
return page;
}
});
Regards,
Dhiraj