Re: Legend Displays in IE but not Chome or Firefox

IanShepherd — Wed, 25 Mar 2015 16:34:46 GMT

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>

<!--[if IE]>

<![endif]-->

var path_location = location.pathname.replace(/\/[^/]+$/, '');

var dojoConfig = {

parseOnLoad: true,

packages: [{

location: path_location

}, {

location: path_location + '/javascript'

}, {

location: path_location + '/apl'

},{

location: path_location

}]

};

</script>

</script>

dojo.require("esri.layout");

</script>

</script>

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: [{

label: i18n.tools.print.layouts.label1,

format: 'PDF'

}, {

label: i18n.tools.print.layouts.label2,

format: 'PDF'

}, {

label: i18n.tools.print.layouts.label3,

format: 'PNG32'

}, {

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>

<div id="bc" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline', gutters:false"

style="width:100%; height:100%;padding:0;">

<ul>

</ul>

</div>

<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;">

</div>

</div>

</div>

<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>

<!--If a logo is specified in config section then the logo will be added

to the map-->

</div>

</div>

</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>

</div>

</body>

</html>

topic Re: Legend Displays in IE but not Chome or Firefox in ArcGIS Online Questions

Legend Displays in IE but not Chome or Firefox

Re: Legend Displays in IE but not Chome or Firefox

Re: Legend Displays in IE but not Chome or Firefox

Re: Legend Displays in IE but not Chome or Firefox

Re: Legend Displays in IE but not Chome or Firefox

Re: Legend Displays in IE but not Chome or Firefox