JimBlaney/editing-test-app.html

## editing-test-app.html
<!DOCTYPE html>
<html>
  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">

    <title>editing-test-app</title>

    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="//js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="//js.arcgis.com/3.9/js/esri/css/esri.css">

    <style>

      html,
      body {
        height: 100%; width: 100%;
        margin: 0;
        overflow: hidden;
      }

      #map,
      #editor {
        height: 600px;
        border: 1px solid #57585A;
        border-radius: 5px;
      }

      #editor {
        overflow: hidden;
      }

      #header {
        font-size: 1.1em;
        font-family: sans-serif;
        padding-left: 1em;
        padding-top: 4px;
        color: #600;
      }

      .templatePicker {
        border: none;
        height: 572px;
        padding-left: 15px;
      }

      .templatePicker .grid .groupLabel {
        text-align: left;
        font-size: 18px;
        margin-bottom: 10px;
      }

      .esriDrawingToolbar {
        height: 27px;
      }
    </style>

    <script>

      /* TRY NOT TO EDIT ABOVE THIS LINE */

      var appConfig = {
        FEATURE_SERVICE_URL: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Wildfire/FeatureServer/1"
      };

      /* TRY NOT TO EDIT BELOW THIS LINE */

    </script>

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>
  <body class="claro">

    <div class="navbar navbar-static-top navbar-inverse">
      <div class="container">
        <div class="navbar-brand">
          editing-test-app
        </div>
      </div>
    </div>

    <div class="container">
      <div class="row">

        <div class="col-sm-4">
          <div class="editor" id="editor"></div>
        </div>
        <div class="col-sm-8">
          <div class="map" id="map"></div>
        </div>

      </div>
    </div>

    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src="//js.arcgis.com/3.9/"></script>

    <script>

      require([
        "esri/config",
        "esri/map",
        "esri/geometry/Extent",
        "esri/layers/FeatureLayer",
        "esri/dijit/editing/Editor",
        "dojo/domReady!"
      ], function(
        esriConfig,
        Map,
        Extent,
        FeatureLayer,
        Editor
      ) {

        var map = new Map("map", {
          basemap: "gray",
          extent: new Extent({
            xmin: 35.599,
            ymin: 32.000,
            xmax: 42.500,
            ymax: 37.280,
            spatialReference: {
              wkid: 4326
            }
          }),
          fitExtent: true
        });

        map.on("load", function() {

          var featureLayer = map.addLayer(new FeatureLayer(appConfig.FEATURE_SERVICE_URL, {
            outFields: ["*"]
          }));

          var settings = {
            map: map,
            layerInfos: [{
              featureLayer: featureLayer
            }],
            toolbarVisible: true
          };

          var editor = new Editor({
            settings: settings
          }, "editor");
          editor.startup();

        });

      });

    </script>

  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>

	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">

	<title>editing-test-app</title>

	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="//js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
	<link rel="stylesheet" href="//js.arcgis.com/3.9/js/esri/css/esri.css">

	<style>

	html,
	body {
	height: 100%; width: 100%;
	margin: 0;
	overflow: hidden;
	}

	#map,
	#editor {
	height: 600px;
	border: 1px solid #57585A;
	border-radius: 5px;
	}

	#editor {
	overflow: hidden;
	}

	#header {
	font-size: 1.1em;
	font-family: sans-serif;
	padding-left: 1em;
	padding-top: 4px;
	color: #600;
	}

	.templatePicker {
	border: none;
	height: 572px;
	padding-left: 15px;
	}

	.templatePicker .grid .groupLabel {
	text-align: left;
	font-size: 18px;
	margin-bottom: 10px;
	}

	.esriDrawingToolbar {
	height: 27px;
	}
	</style>

	<script>

	/* TRY NOT TO EDIT ABOVE THIS LINE */

	var appConfig = {
	FEATURE_SERVICE_URL: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Wildfire/FeatureServer/1"
	};

	/* TRY NOT TO EDIT BELOW THIS LINE */

	</script>

	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	</head>
	<body class="claro">

	<div class="navbar navbar-static-top navbar-inverse">
	<div class="container">
	<div class="navbar-brand">
	editing-test-app
	</div>
	</div>
	</div>

	<div class="container">
	<div class="row">

	<div class="col-sm-4">
	<div class="editor" id="editor"></div>
	</div>
	<div class="col-sm-8">
	<div class="map" id="map"></div>
	</div>

	</div>
	</div>

	<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
	<script src="//js.arcgis.com/3.9/"></script>

	<script>

	require([
	"esri/config",
	"esri/map",
	"esri/geometry/Extent",
	"esri/layers/FeatureLayer",
	"esri/dijit/editing/Editor",
	"dojo/domReady!"
	], function(
	esriConfig,
	Map,
	Extent,
	FeatureLayer,
	Editor
	) {

	var map = new Map("map", {
	basemap: "gray",
	extent: new Extent({
	xmin: 35.599,
	ymin: 32.000,
	xmax: 42.500,
	ymax: 37.280,
	spatialReference: {
	wkid: 4326
	}
	}),
	fitExtent: true
	});

	map.on("load", function() {

	var featureLayer = map.addLayer(new FeatureLayer(appConfig.FEATURE_SERVICE_URL, {
	outFields: ["*"]
	}));

	var settings = {
	map: map,
	layerInfos: [{
	featureLayer: featureLayer
	}],
	toolbarVisible: true
	};

	var editor = new Editor({
	settings: settings
	}, "editor");
	editor.startup();

	});

	});

	</script>

	</body>
	</html>