<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.ui.commons,sap.ui.table"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-xx-bindingSyntax="complex"
data-sap-ui-resourceroots='{
"demo": "./",
"sap.uxap.sample.ObjectPageSubSectionSized": "./"
}'></script>
<script>
var view = sap.ui.view({
id:"idFirstPage1",
viewName:"demo.FirstPage",
type:sap.ui.core.mvc.ViewType.XML});
view.placeAt("content");
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
<mvc:View
xmlns:uxap="sap.uxap"
xmlns:layout="sap.ui.layout"
xmlns="sap.m"
xmlns:f="sap.ui.layout.form"
xmlns:sample="sap.uxap.sample.ObjectPageSubSectionSized.blocks"
xmlns:core="sap.ui.core"
xmlns:mvc="sap.ui.core.mvc"
xmlns:semantic="sap.f.semantic"
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns:footerbar="sap.ushell.ui.footerbar">
<uxap:ObjectPageLayout id="ObjectPageLayout" upperCaseAnchorBar="false">
<uxap:headerTitle>
<uxap:ObjectPageHeader
id="headerForTest"
headerDesign="Light"
objectTitle="name">
</uxap:ObjectPageHeader>
</uxap:headerTitle>
<uxap:headerContent>
<layout:VerticalLayout>
<Label text="1"/>
</layout:VerticalLayout>
<layout:VerticalLayout>
<Label text="2"/>
</layout:VerticalLayout>
</uxap:headerContent>
<uxap:sections>
<uxap:ObjectPageSection>
<uxap:subSections>
<uxap:ObjectPageSubSection title="PURPOSE_TEXT" titleUppercase="false">
<uxap:blocks>
<sample:BlockPanel columnLayout="4"/>
</uxap:blocks>
<uxap:blocks>
<sample:BlockPanel columnLayout="4"/>
<sample:BlockPanel columnLayout="4"/>
</uxap:blocks>
</uxap:ObjectPageSubSection>
</uxap:subSections>
</uxap:ObjectPageSection>
<uxap:ObjectPageSection>
<uxap:subSections>
<uxap:ObjectPageSubSection title="FORM_TEXT" titleUppercase="false">
<uxap:blocks>
<Panel expandable="true" expanded="false" headerText="Explanatory">
<content>
<Text text="Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat" />
</content>
</Panel>
</uxap:blocks>
<uxap:blocks>
<Panel expandable="true" expanded="false" headerText="Description">
<content>
<Text text="Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat" />
</content>
</Panel>
</uxap:blocks>
<uxap:blocks>
<Panel expandable="true" expanded="false" headerText="Consequence">
<content>
<Text text="Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat" />
</content>
</Panel>
</uxap:blocks>
<uxap:blocks>
<Panel expandable="true" expanded="false" headerText="Consequence">
<content>
<Text text="Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat" />
</content>
</Panel>
</uxap:blocks>
<uxap:blocks>
<Panel expandable="true" expanded="false" headerText="Consequence">
<content>
<Text text="Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat" />
</content>
</Panel>
</uxap:blocks>
</uxap:ObjectPageSubSection>
</uxap:subSections>
</uxap:ObjectPageSection>
</uxap:sections>
</uxap:ObjectPageLayout>
</mvc:View>
<mvc:View
xmlns:forms="sap.ui.layout.form"
xmlns:mvc="sap.ui.core.mvc"
xmlns:core="sap.ui.core"
xmlns="sap.m"
width="100%"
controllerName="sap.uxap.sample.ObjectPageSubSectionSized.blocks.BlockPanelController">
<Panel expandable="true" expanded="false" headerText="Explanatory" width="100%">
<content>
<Text text="sad ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat" />
</content>
</Panel>
</mvc:View>
sap.ui.define(["sap/ui/core/mvc/Controller"], function (Controller) {
"use strict";
return Controller.extend("sap.uxap.sample.ObjectPageSubSectionSized.blocks.BlockPanelController", {
onInit: function () {
},
onAfterRendering: function () {
//var button = this.byId("infoButton");
//var layout = this.getView().getParent().getColumnLayout();
//button.setText("Layout : " + layout);
},
onPress: function (oEvent) {
//MessageToast.show(this.getView().getParent().getColumnLayout());
},
onParentBlockModeChange: function () {
}
});
}, true);
sap.ui.define(["sap/uxap/BlockBase"], function (BlockBase) {
"use strict";
var BlockPanel = BlockBase.extend("sap.uxap.sample.ObjectPageSubSectionSized.blocks.BlockPanel", {
metadata: {
/* no additional views provided */
}
});
return BlockPanel;
});