ResponsiveMenu

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta charset="UTF-8">
        <title>Table Input Disable</title>
        <script id="sap-ui-bootstrap" 
                type="text/javascript"
                src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
                data-sap-ui-theme="sap_bluecrystal"
                data-sap-ui-libs="sap.m"
                data-sap-ui-xx-bindingSyntax="complex"
        >
        </script>

		
        <!-- XML-based view definition -->
        <script id="chartView" type="sapui5/xmlview">
<mvc:View
	controllerName="sap.ui.unified.sample.SplitContainer.Controller"
	xmlns:u="sap.ui.unified"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns="sap.m"
	class="fullHeight">
	<App>
	<pages>
	<Page>
	<customHeader>
	<Bar>
	<contentLeft>
	<Button icon="sap-icon://menu2" press="handleToggleSecondaryContent"/>
	</contentLeft>
	<contentMiddle>
	<Label text="SplitContainer" />
	</contentMiddle>
	</Bar>
	</customHeader>
		<u:SplitContainer
			id="mySplitContainer"
			showSecondaryContent="true">
			<u:secondaryContent>
				<Text text="Hello World!" />
			</u:secondaryContent>
			<u:content>
					<IconTabBar
		id="idIconTabBarMulti"
		expanded="{device>/isNoPhone}"
		class="sapUiResponsiveContentPadding">
		<items>
			<IconTabFilter
				icon="sap-icon://hint">
				<Text text="Info content goes here ..." />
			</IconTabFilter>
			<IconTabFilter
				icon="sap-icon://attachment"
				count="3">
				<Text text="Attachments go here ..." />
			</IconTabFilter>
			<IconTabFilter
				icon="sap-icon://notes"
				count="12">
				<Text text="Notes go here ..." />
			</IconTabFilter>
			<IconTabFilter
				icon="sap-icon://group">
				<Text text="People content goes here ..." />
			</IconTabFilter>
		</items>
	</IconTabBar>
			</u:content>
		</u:SplitContainer>
	</Page>
	</pages>
	</App>
</mvc:View>
        </script>

        <script>
            // Controller definition
sap.ui.define(['sap/ui/core/mvc/Controller'],
	function(Controller) {
	"use strict";

	var ControllerController = Controller.extend("sap.ui.unified.sample.SplitContainer.Controller", {

		handleToggleSecondaryContent: function(oEvent) {
			var oSplitContainer = this.getView().byId("mySplitContainer");
			oSplitContainer.setShowSecondaryContent(!oSplitContainer.getShowSecondaryContent());
		}
	});

	return ControllerController;

});

            
            // Instantiate the View, assign a model
            // and display
            var oView = sap.ui.xmlview({
                viewContent: jQuery('#chartView').html()
            });
            
            oView.placeAt('content');
        </script>
    </head>
    <body class="sapUiBody" role="application">
        <div id="content"></div>
    </body>
</html>

// Code goes here

/* Styles go here */