topic Scale Bar Height difference between Mozilla & Internet Explorer in ArcGIS JavaScript Maps SDK Questions

Scale Bar Height difference between Mozilla & Internet Explorer

AaronConnolly — Sat, 11 Dec 2021 08:19:17 GMT

I've noticed the size of the scale bar in both IE and Firefox is different. Any ideas why?

In the attached images notice how ie-9-scale-bar.png is much taller than ffx-scale-bar.png. The same code sets the scale bar up in both cases:

esriConfig.defaults.map.slider = { right: "20px", top: "70px", height: "200px" };

I think this might be deprecated, but even the most recent sample still demonstrates this inconsistency. If you open this sample in Firefox and Internet Explorer, the scale bar is taller in size than the one in Firefox. Why is this happening and can we correct it?

http://help.arcgis.com/en/webapi/javascript/arcgis/demos/widget/widget_scalebar.html

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Anonymous User — Fri, 07 Oct 2011 22:38:46 GMT

Original User: Jian

Do you mean scalebar or zoom slider?

Re: Scale Bar Height difference between Mozilla & Internet Explorer

AaronConnolly — Mon, 10 Oct 2011 14:02:16 GMT

Zoom Slider ....

Re: Scale Bar Height difference between Mozilla & Internet Explorer

AaronConnolly — Tue, 11 Oct 2011 16:11:12 GMT

Anyone got any ideas on this? Is this an IE rendering issue? CSS layout issue?

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Anonymous User — Tue, 11 Oct 2011 18:38:22 GMT

Original User: swingley

Likely CSS. What have you tried?

Re: Scale Bar Height difference between Mozilla & Internet Explorer

AaronConnolly — Tue, 11 Oct 2011 20:44:05 GMT

Just this:

esriConfig.defaults.map.slider = { right: "20px", top: "70px", height: "200px" };

Also, I style the + and - buttons differently, but I don't scale the zoom slider level notches at all. There's an ESRI sample post somewhere that illustrates how to change the + / - buttons.

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Anonymous User — Tue, 11 Oct 2011 21:41:11 GMT

Original User: swingley

You'll probably want to dig into styling the slider correctly, and perhaps conditionally depending on whether or not your in IE.

For future reference, use esri.config, not esriConfig.

Re: Scale Bar Height difference between Mozilla & Internet Explorer

JatinPatel — Tue, 08 May 2012 11:54:26 GMT

Has anyone found solution to this yet? I am having the same issue.

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Anonymous User — Sat, 11 Dec 2021 08:19:20 GMT

Original User: Schnoerkel

I think the IE interpret the height wrong ...if I give the FF,Chrome etc. a height of 150px the IE needs 100px...the sollution i've done is a simple browser check:

if you want to use dojo:

if(dojo.isIE)
{
 esri.config.defaults.map.slider = { left:"45px", top:"100px", width:null, height:"100px" };
}else{
 esri.config.defaults.map.slider = { left:"45px", top:"100px", width:null, height:"150px" };
}

if you want to use jquery:

if($.browser.msie) 
{
 esri.config.defaults.map.slider = { left:"45px", top:"100px", width:null, height:"100px" };
}else{
 esri.config.defaults.map.slider = { left:"45px", top:"100px", width:null, height:"150px" };
}

topic Scale Bar Height difference between Mozilla &amp; Internet Explorer in ArcGIS JavaScript Maps SDK Questions

Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

Re: Scale Bar Height difference between Mozilla & Internet Explorer

topic Scale Bar Height difference between Mozilla & Internet Explorer in ArcGIS JavaScript Maps SDK Questions