Replace ESRI logo with custom logo?

[BarryGuidry]

I've found how to insert a custom logo into the header of a web application, but how can one replace the "Powered by ESRI" logo?

[JoeJeurissen]

Set the logo to false in the parameter options of the map constructor.

Example:

var map = new esri.Map("map",{logo:false});

Then position your logo where you want in the map container.

[BaileyLipscomb1]

If you are trying to replace just the image it can be accomplished by the following code:

<script type="text/javascript">
    //Change the background image
    document.getElementsByClassName('logo-med')[0].style.backgroundImage="url(\"http://www.yoururl.com/to/the/image.gif\")";
    //Keep the image from repeating
    document.getElementsByClassName('logo-med')[0].style.backgroundRepeat="no-repeat";
</script>

[martinschmoll]

If you are trying to replace just the image it can be accomplished by the following code:

<script type="text/javascript">
    //Change the background image
    document.getElementsByClassName('logo-med')[0].style.backgroundImage="url(\"http://www.yoururl.com/to/the/image.gif\")";
    //Keep the image from repeating
    document.getElementsByClassName('logo-med')[0].style.backgroundRepeat="no-repeat";
</script>

When the user clicks the logo it links to esri.com.  How do you disable that, or better yet change the url?

[BarryGuidry]

If you are trying to replace just the image it can be accomplished by the following code:

<script type="text/javascript">
    //Change the background image
    document.getElementsByClassName('logo-med')[0].style.backgroundImage="url(\"http://www.yoururl.com/to/the/image.gif\")";
    //Keep the image from repeating
    document.getElementsByClassName('logo-med')[0].style.backgroundRepeat="no-repeat";
</script>

Thanks, Bailey.  I cannot figure out where to insert it in the HTML file, though.

[BaileyLipscomb1]

Thanks, Bailey.  I cannot figure out where to insert it in the HTML file, though.

Drop it in the header below all of the ArcGIS javascript functions. Let me know if that works.

[martinschmoll]

When the user clicks the logo it links to esri.com.  How do you disable that, or better yet change the url?

I found it in old API documentation...

esri.config.defaults.map.logoLink = "http://yoursite.com"

[BarryGuidry]

Martin, that is also on Utah's GIS Portal.  That is only a portion of what needs to be completed, though, which only adds a custom hyperlink to the logo. I attempted what Utah's site recommends, but it only deleted ESRIs logo, but did not add mine.

[martinschmoll]

Martin, that is also on Utah's GIS Portal.  That is only a portion of what needs to be completed, though, which only adds a custom hyperlink to the logo. I attempted what Utah's site recommends, but it only deleted ESRIs logo, but did not add mine.

I've got both the replacement logo and url working.  Make sure you post the (3 lines of) code in your init() function after the map object is created.

[BarryGuidry]

I've got both the replacement logo and url working.  Make sure you post the (3 lines of) code in your init() function after the map object is created.

Three lines of code? Not sure which code you are using (perhaps a combination of what Bailey and yourself posted)?

Is there an additional "dojo.require" statement that may be necessary?