It is an out of the box template. It is not public but I can share the html code. Sorry the code isn't in the proper format. When I tried to include it earlier you couldn't see any of the code.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="https://community.esri.com//js.arcgis.com/3.8/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" type="text/css" href="https://community.esri.com//js.arcgis.com/3.8/js/dojo/dijit/themes/claro/document.css">
<link rel="stylesheet" type="text/css" href="https://community.esri.com//js.arcgis.com/3.8/js/dojo/dojox/layout/resources/FloatingPane.css">
<link rel="stylesheet" type="text/css" href="https://community.esri.com//js.arcgis.com/3.8/js/esri/css/esri.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
<script type="text/javascript">
var path_location = location.pathname.replace(/\/[^/]+$/, '');
var dojoConfig = {
parseOnLoad: true,
packages: [{
name: "esriTemplate",
location: path_location
}, {
name: "utilities",
location: path_location + '/javascript'
}, {
name: "apl",
location: path_location + '/apl'
},{
name: "templateConfig",
location: path_location
}]
};
</script>
<script type="text/javascript" src="//js.arcgis.com/3.8/">
</script>
<script type="text/javascript">
dojo.require("esri.layout");
</script>
<script type="text/javascript" src="javascript/layout.js">
</script>
<script type="text/javascript">
dojo.require("utilities.App");
dojo.require("templateConfig.commonConfig");
var i18n;
dojo.ready(function(){
i18n = dojo.i18n.getLocalization("esriTemplate","template");
var defaults = {
//The ID for the map from ArcGIS.com
webmap: "c43401a925db4ccda056a74a18e63e03",
//Modify this to point to your sharing service URL if you are using the portal
sharingurl: "http://www.arcgis.com",//for example: "http://www.arcgis.com",
//The id for the web mapping application item that contains configuration info - in most
////When editing you need to specify a proxyurl (see below) if the service is on a different domain
//Specify a proxy url if you will be editing, using the elevation profile or have secure services or web maps that are not shared with everyone.
proxyurl: "",
//cases this will be null.
appid: "",
//set to true to display the title
displaytitle: true,
//Enter a title, if no title is specified, the webmap's title is used.
title: "Military Installations",
//Enter a description for the application. This description will appear in the left pane
//if no description is entered the webmap description will be used.
description: "A map of U.S. Military Bases and how they align with Radio and TV Markets.",
//specify an owner for the app - used by the print option. The default value will be the web map's owner
owner: '',
//Specify a color theme for the app. Valid options are gray,blue,purple,green and orange
theme: 'blue',
//Optional tools - set to false to hide the tool
//set to false to hide the zoom slider on the map
displayslider: false,
displaymeasure: false,
displaybasemaps: true,
displayoverviewmap: false,
displayeditor: false,
displaylegend: true,
displaysearch: true,
displaylayerlist: true,
displaybookmarks: true,
displaydetails: false,
displaytimeslider: true,
displayprint: false,
displayprintlegend: false,
//i18n.viewer.main.scaleBarUnits,
//The elevation tool uses the measurement tool to draw the lines. So if this is set
//to true then displaymeasure needs to be true too.
displayelevation: false,
//This option is used when the elevation chart is displayed to control what is displayed when users mouse over or touch the chart. When true, elevation gain/loss will be shown from the first location to the location under the cursor/finger.
showelevationdifference: false,
displayscalebar: false,
displayshare: false,
//Set to true to display the left panel on startup. The left panel can contain the legend, details and editor. Set to true to
//hide left panel on initial startup. 2
leftPanelVisibility: true,
//If the webmap uses Bing Maps data, you will need to provide your Bing Maps Key
bingmapskey: commonConfig.bingMapsKey,
//Get the default map units
units: commonConfig.units,
//specify a group in ArcGIS.com that contains the basemaps to display in the basemap gallery
//example: title:'ArcGIS Online Basemaps' , owner:esri
basemapgroup: {
title: null,
owner: null
},
//Enter the URL's to the geometry service, print task and geocode service.
helperServices: commonConfig.helperServices,
//Set the label in the nls file for your browsers language
printlayouts: [{
layout: 'Letter ANSI A Landscape',
label: i18n.tools.print.layouts.label1,
format: 'PDF'
}, {
layout: 'Letter ANSI A Portrait',
label: i18n.tools.print.layouts.label2,
format: 'PDF'
}, {
layout: 'Letter ANSI A Landscape',
label: i18n.tools.print.layouts.label3,
format: 'PNG32'
}, {
layout: 'Letter ANSI A Portrait',
label: i18n.tools.print.layouts.label4,
format: 'PNG32'
}],
printlayout: false,
printformat: "PNG32",
//Specify the geocoder options. By default uses the geocoder widget with the default locators. If you specify a url value then that locator will be used.
placefinder: {
"url": "",
"countryCode":"",
"currentExtent":false,
"placeholder": "",
"singlelinefieldname":""
},
//when true locations searches use the current map extent.
searchextent: false,
//Set link text and url parameters if you want to display clickable links in the upper right-corner
//of the application.
//ArcGIS.com. Enter link values for the link1 and link2 and text to add links. For example
//url:'http://www.esri.com',text:'Esri'
link1: {
url: '',
text: ''
},
link2: {
url: '',
text: ''
},
//specify the width of the panel that holds the editor, legend, details
leftpanewidth: 228,
//Restrict the map's extent to the initial extent of the web map. When true users
//will not be able to pan/zoom outside the initial extent.
constrainmapextent: false,
//Provide an image and url for a logo that will be displayed as a clickable image
//in the lower right corner of the map. If nothing is specified then the esri logo will appear.
customlogo: {
image: '',
link: ''
},
//embed = true means the margins will be collapsed to just include the map no title or links
embed: true
};
var app = new utilities.App(defaults);
app.init().then(function(options){
initMap(options);
});
});
</script>
</head>
<body class="claro">
<div id="bc" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline', gutters:false"
style="width:100%; height:100%;padding:0;">
<!-- Header Section-->
<div id="header" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
<!--Title dyanmically generated -->
<div id="nav" style='display:none;'>
<!-- links are dynamically generated-->
<ul>
<li id="link1List"></li>
<li>|</li>
<li id="link2List"></li>
</ul>
</div>
</div>
<!--End Header-->
<!-- Main Content Section (map, toolbars, left panel)-->
<div id="mainWindow" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'"
style="width:100%;height:100%;">
<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline',gutters:false"
style="width:100%;height:100%;padding:0;">
<!-- Toolbar (Search Basemap Measure)-->
<div id="toolbarContainer_bv" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='region:"top"'>
<div data-dojo-type="dijit.Toolbar">
<div id="webmap-toolbar-left">
<!--Toolbar buttons (Legend, Details, Edit) created dynamically-->
</div>
<div id="webmap-toolbar-right">
<!--create the search tool-->
</div>
<div id="webmap-toolbar-center">
<!--Basemap,measure,share,time and layer list tools added if enabled-->
</div>
</div>
</div>
<!--End Toolbar-->
<!--Left Panel-->
<div data-dojo-type="dijit.layout.BorderContainer" id="leftPane" data-dojo-props="design:'headline', gutters:false,region:'left'"
style="height:100%;padding:0;display:none;"></div>
<!--End Left Panel-->
<!-- Map Section -->
<div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='region:"center"' dir="ltr">
<div id="logo" class="logo" style="display:none;">
<!--If a logo is specified in config section then the logo will be added
to the map-->
</div>
<!--Floating window that contains the measure dijit-->
<div id="floater">
<div id="measureDiv"></div>
</div>
<!--Floating window contains the time slider-->
<div id="timeFloater" style='display:none;'></div>
</div>
<!--end Map section-->
</div>
</div>
<div id="bottomPane" dojotype="dijit.layout.ContentPane" region="bottom"
gutters="false" style="display:none;margin:10px 5px;width:auto;height:275px;background-color:white;"></div>
<!-- End Main Content section-->
</div>
</body>
</html>
