4.3 updates

Author: kellyhutchins

config/defaults.js

@@ -31,70 +31,72 @@ define({
   "sharinghost": location.protocol + "//" + "www.arcgis.com",
   "customProfileUrl": null,
   // Define the profile widget location. Valid values are bottom-center
-  // and top-center. 
-  "panelLocation": "bottom-center", 
-  // Define the profile units if no units are specified 
+  // and top-center.
+  "panelLocation": "bottom-center",
+  // Define the profile units if no units are specified
   // arcgis online org units will be used
   "units": null,
   // Define the title and description text that appears on the panel
   "title": null,
   "description": null,
   // Set splashModal to display a splash screen when the app loads
-  // Define the splash content using splashTitle and splashContent. 
+  // Define the splash content using splashTitle and splashContent.
   "splashModal": false,
   "splashTitle": null,
   "splashContent": null,
-  "splashButtonText":null,
+  "splashButtonText": null,
   "markerSymbol": "./images/EsriBluePinCircle26.png",
   "markerSymbolWidth": 26,
   "markerSymbolHeight": 26,
   //If your applcation needs to edit feature layer fields set this value to true. When false the map will
-  //be dreated with layers that are not set to editable which allows the FeatureLayer to load features optimally. 
+  //be dreated with layers that are not set to editable which allows the FeatureLayer to load features optimally.
   "editable": false,
-  // Define background and text colors for the app. 
+  // Define background and text colors for the app.
   "background": "#666", // #009ACD
   "backgroundOpacity": "0.9",
-  "color": "#fff", 
+  "color": "#fff",
   // Enable/disable tools
-  "mapZoom": true, // set to false to disable map zoom slider 
+  "mapZoom": true, // set to false to disable map zoom slider
   "search": false, // Search Tool
   "searchExtent": true,
-  "searchLayers":[{
-      "id": "",
-      "fields": []
+  "searchLayers": [{
+    "id": "",
+    "fields": []
   }],
   // Enter custom start location to find (POI, location etc). Note
-  // this uses the esri default locator 
+  // this uses the esri default locator
   "find": null,
   //Setup the app to support a custom url parameter. Use this if you want users
   //to be able to search for a string field in a layer. For example if the web map
   //has parcel data and you'd like to be able to zoom to a feature using its parcel id
-  //you could add a custom url param named parcel then users could enter 
+  //you could add a custom url param named parcel then users could enter
   //a value for that param in the url. index.html?parcel=3203
-  "customUrlLayer":{
-      "id": null,//id of the search layer as defined in the web map
-      "fields": []//Name of the string field to search 
+  "customUrlLayer": {
+    "id": null, //id of the search layer as defined in the web map
+    "fields": [] //Name of the string field to search
   },
-  "customUrlParam": null,//Name of url param. For example parcels
-  "basemaps": false, // Basemap Gallery 
-  "legend": false, // Legend  and Layer List 
-  "includesublayers":true,// Include ability to toggle sub layers
-  "includelayerlegend": true, // Show Legend 
+  "customUrlParam": null, //Name of url param. For example parcels
+  "basemaps": false, // Basemap Gallery
+  "basemapToggle": false, // Basemap Toggle instead of gallery
+  "alt_basemap": "satellite",
+  "legend": false, // Legend  and Layer List
+  "includesublayers": true, // Include ability to toggle sub layers
+  "includelayerlegend": true, // Show Legend
   "includelayeropacity": false, // Show opacity slider in legend
-  "share": false, // Share Dialog 
+  "share": false, // Share Dialog
   //Replace these with your own bitly key
   "bitlyLogin": "arcgis",
   "bitlyKey": "R_b8a169f3a8b978b9697f64613bf1db6d",
   "elevationDraw": true, // include draw tool
-  // Profile Chart Colors 
-  "axisFontColor": "#fff", // white 
-  "titleFontColor": "#fff", // white 
-  "axisMajorTickColor": "#fff", // white 
-  "elevationLineColor": "#f2f2f2", // white 
-  "elevationBottomColor":"#696969", //gray 
-  "elevationTopColor": "#8C8C8C", //gray  
-  "skyBottomColor": "#00B2EE", // robin blue 
-  "skyTopColor":"#009ACD", // baby blue           
+  // Profile Chart Colors
+  "axisFontColor": "#fff", // white
+  "titleFontColor": "#fff", // white
+  "axisMajorTickColor": "#fff", // white
+  "elevationLineColor": "#f2f2f2", // white
+  "elevationBottomColor": "#696969", //gray
+  "elevationTopColor": "#8C8C8C", //gray
+  "skyBottomColor": "#00B2EE", // robin blue
+  "skyTopColor": "#009ACD", // baby blue
   "helperServices": {
     "geometry": {
       "url": null
@@ -109,8 +111,8 @@ define({
       "url": null
     }]
   },
-  // This is an option added so that developers working with the 
+  // This is an option added so that developers working with the
   // hosted version of the application can apply custom styles
-  // not used in the download version. 
+  // not used in the download version.
   "customstyle": null
 });

config/templateConfig.js

@@ -51,8 +51,8 @@ define({
     "extent",
     "level",
     "marker",
-    "find" // example param. ?theme=<my theme>
+    "find", "sharedTheme", "sharedThemeItem"
   ],
   // Most users will not need to modify this value. For esri hosting environments only. Will automatically create a "sharinghost" and "proxyurl" for the application. Only set this is to true if the app is going to be stored on Esri's hosting servers. If you are using your own custom hosted portal, set the "sharinghost" in defaults.js instead of setting this to true.
-  esriEnvironment: true
+  esriEnvironment: false
 });

css/main.css

@@ -13,6 +13,79 @@ body {
   width: 100%;
   height: 100%;
 }
+g#mapDiv_graphics_layer path {
+    fill-opacity: 0;
+}
+#elevInfo{
+  padding:5px 5px 5px 10px;
+  font-size: .8em;
+}
+#toggle{
+  position: absolute;
+  top: 20px;
+  right: 20px;
+}
+#toggle.bottom{
+  bottom:20px;
+  left:20px;
+  top:auto;
+  right:auto;
+}
+
+.BasemapToggle .toggleButton {
+    background: rgba(255,255,255,0.7);
+    -moz-user-select: -moz-none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
+    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
+    box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
+    cursor: pointer;
+    border:none;
+    border-radius:0 !important;
+    padding:0;
+}
+.BasemapToggle .basemapImageContainer {
+    position: relative;
+}
+.BasemapToggle .basemapImage {
+    width: 65px;
+    height: 65px;
+    overflow: hidden;
+}
+.BasemapToggle .basemapImage .basemapBG {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-repeat: no-repeat;
+    background-position: center center;
+    border-radius: 0 !important;
+    padding:0;
+}
+.BasemapToggle .basemapTitle {
+    display: block;
+    width: 100%;
+    color: #4c4c4c;
+    margin: 0;
+    font-size: 10px;
+    line-height: 1.2;
+    padding: 4px;
+    background: #fff;
+    background: rgba(255,255,255,0.7);
+    text-align: center;
+    position: absolute;
+    bottom: 0;
+    z-index: 2;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 0;
+}
+.BasemapToggle .basemapTitle {
+    font-family: "Times New Roman", Georgia, "Book Antiqua", serif;
+}
 .loading-indicator {
   /* Loading status */
   display: none;
@@ -62,11 +135,11 @@ body {
 /*Icon Fonts*/
 @font-face {
   font-family: 'elevfonts';
-  src:url('../fonts/icomoon.eot?-dk7kju');
-  src:url('../fonts/icomoon.eot?#iefix-dk7kju') format('embedded-opentype'),
-    url('../fonts/icomoon.ttf?-dk7kju') format('truetype'),
-    url('../fonts/icomoon.woff?-dk7kju') format('woff'),
-    url('../fonts/icomoon.svg?-dk7kju#icomoon') format('svg');
+  src:url('../fonts/tool-icons.eot?o2bzxw');
+  src:url('../fonts/tool-icons.eot?o2bzxw#iefix') format('embedded-opentype'),
+    url('../fonts/tool-icons.ttf?o2bzxw') format('truetype'),
+    url('../fonts/tool-icons.woff?o2bzxw') format('woff'),
+    url('../fonts/tool-icons.svg?o2bzxw#tool-icons') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -180,9 +253,34 @@ elevation profile widget */
   height:100%;
   width:98%;
 }
+.esriElevationProfile .esriElevationProfileInfoNode{
+    display:none;
+}
 .esriElevationProfile .esriElevationProfileSourceLabel{
   display: none;
 }
+.esriElevationProfile .esriElevationProfileDirectionButton{
+    margin:0 !important;
+    position: absolute !important;
+    bottom:-2px !important;
+    right: 5px;
+    width:35px !important;
+}
+.esriElevationProfile .esriElevationProfileDirectionButton:before{
+  content:"\e900";
+  font-family: "elevfonts"
+}
+.esriElevationProfile .esriElevationProfileDirectionForward,.esriElevationProfile .esriElevationProfileDirectionForward:hover, .esriElevationProfile .esriElevationProfileDirectionReverse,  .esriElevationProfile .esriElevationProfileDirectionReverse:hover{
+  background:none !important;
+}
+.esriElevationProfile .esriElevationProfileDirectionButton:hover {
+    color: rgba(59,60,64,0.4) !important;
+    font-weight: bold !important;
+}
+/*standby widget updates*/
+#dojox_widget_Standby_0 > div:nth-child(1){
+  background-color:rgba(0,0,0,0) !important;
+}
 #desc{
   display:none;
   width:98%;
@@ -359,9 +457,10 @@ that appear below the zoom slider */
 }
 .closeBtn{
   font-size: 14px;
+  font-weight: bold;
   position: absolute;
-  top:2px;
-  right:2px;
+  top:4px;
+  right:5px;
   cursor:pointer;
   padding:4px;
   z-index: 30;
@@ -371,7 +470,7 @@ that appear below the zoom slider */
 }
 .dialog-header{
   width:100%;
-  height:20px;
+  margin-bottom:4px;
 }
 
 #legendContainer, #basemapContainer, #shareContainer{
@@ -386,7 +485,7 @@ that appear below the zoom slider */
 #legendDiv, #basemapDiv, #shareDiv{
   overflow: auto;
   height: auto;
-  width:255px;
+  width:240px;
   max-height: 300px;
   padding:1em;
 }