nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

replace powered by ESRI

NatashaManzuiga

Hi all I perfectly replaced ESRI logo with this script:
http://forums.esri.com/thread.asp?t=287497&f=2421&c=158#912795
Now how can I replace link to esri.com/flex?

Naty

Find more posts tagged with

Accepted answers

All comments

NadeemShaukat

When I try to use our logo, I get an error message when building the application:

unable to resolve 'assets/images/NEW_ITRE_LOGO1.png' for transcoding

Can anybody tell me what this error means? Thanks.

Jeremy,

I see there has been a lot of struggle to replace "Powered by ESRI" Logo. I am trying to work with the FlexViewer Source code using 2.1 API and has the same issue.

Did you ever solve this problem? If so, can you post the whole MapManager.mxml highlighting the changes so others can benefit.

JoshuaCoates

Yes, but it does not do the trick. I am just going to leave it as is until someone else can chime in with anything.

MelissaJohnson

Yes I think this is what she sugested:

private function gotoMyURL(evt:Event):void
   {
    var myURL:URLRequest = new URLRequest("http://www.midmogis.org");
    navigateToURL(myURL);
    evt.stopImmediatePropagation();
   }

JoshuaCoates

Yea this is stumping quite a few people I think. There has not been a way to fix this yet. Make sure you have followed Dasa's advice above. But this still does not fix the issue. You can try to see if it works for you though.

MelissaJohnson

Found that problem, was missing the gotourl function, but I am also having the issue with the ESRI website and my web link opening when my own logo is clicked now.

MelissaJohnson

I am having issues trying to replace the powered by esri logo also.

My error is 1120:Access of undefined property gotoMyURL in mapmanager.mxml. I am working with the flex viewer 2.0.
Any suggestions are greatly appreciated.
Melissa

JoshuaCoates

Yes, I have. I have that exactly in my mxml....

RobertScheitlin__GISP

Joshua,

Did you follow Dasa's advice and change the gotoMyurl function?

private function gotoMyURL(evt:Event):void
   {
    var myURL:URLRequest = new URLRequest("http://www.yahoo.com");
    navigateToURL(myURL);
    evt.stopImmediatePropagation();
   }

JoshuaCoates

Can anyone offer information as to why both web sites still open up? I have successfully replaced the ESRI logo with my own, and I can click my logo and have my website open, however, the ESRI website still opens simultaneously with my website?!

RRubalcava

If you're already hiding the logo and trying to add yours, but still get that error, sometimes this
unable to resolve 'assets/images/NEW_ITRE_LOGO1.png' for transcoding

Can be fixed by adding a "/" at the beginning.
unable to resolve '/assets/images/NEW_ITRE_LOGO1.png' for transcoding

It's happened to me before with Embeds.

DasaPaddock

Is this what you've tried to do?
http://forums.arcgis.com/threads/8784-replace-powered-by-ESRI?p=38312&viewfull=1#post38312

JoshuaCoates

Jeremy, ok I am on the same page as you. I just thought there was something else I was missing. My MapManager.mxml is set up like yours. And my logo works fine and I do not see the ESRI logo at all, but yes both my link and ESRI opens at the same time. We were getting much forum love on this at first, but it seems as if people are not sure as to why both links would still open?! I guess its better than nothing that my logo is there and my link opens, just dont really need to ESRI link to open with it.

deleted-user-rQoEFM5qzbHE

Yeah, that's weird. I have no trouble pluggin in another .png file found in the assets/images folder. Maybe I will try and delete it and add it again. Maybe something got corrupted when I added it the first time.

Thanks again for all your help.

RobertScheitlin__GISP

Jeremy,

On the Logo Issue, I was able to add your logo to my project (unchanged) and have it run just fine showing your logo... I am really not sure where you are going wrong.

On the overview map location question, to move the overview map widget you would have to rewrite a lot of code in the OverviewMapComponent.mxml to change the location. This is one widget that is really not meant to be moved.

deleted-user-rQoEFM5qzbHE

Also, do you know where I can define a new location for the overview map widget? I have been looking around and can't seem to find which file has the code that specifies the location.

Thanks.

deleted-user-rQoEFM5qzbHE

Here it is.

NEW_ITRE_LOGO1.PNG

RobertScheitlin__GISP

Jeremy,

This is a strange issue you are having... Can you attach the logo? Maybe there is some actual issue with it's encoding that Flex is having an issue with.

deleted-user-rQoEFM5qzbHE

Yeah, it is in the debug/... folder. And, just to make sure it I could view the image I double clicked it to open and it is there and correct.

RobertScheitlin__GISP

Jeremy,

Check in the bin-debug folder and see if assets/images/NEW_ITRE_LOGO1.png exists there.

RobertScheitlin__GISP

Jeremy,

Don't take this to hard; But are you thinking before you post questions...? Do you have that image on your system? It simply means you don't have NEW_ITRE_LOGO1.png, as that is a image that is specific to Joshua.

deleted-user-rQoEFM5qzbHE

When I try to use our logo, I get an error message when building the application:

unable to resolve 'assets/images/NEW_ITRE_LOGO1.png' for transcoding

Can anybody tell me what this error means? Thanks.

deleted-user-rQoEFM5qzbHE

You want to put that line of code in the partAdded() funtion in the MapManager.mxml. In my code it is just below the init() function which is just below the last private var statement. Here is the code up to and including the partAdded() function.

<?xml version="1.0" encoding="utf-8"?>
<!--
     ////////////////////////////////////////////////////////////////////////////////
     //
     // Copyright (c) 2010 ESRI
     //
     // All rights reserved under the copyright laws of the United States.
     // You may freely redistribute and use this software, with or
     // without modification, provided you include the original copyright
     // and use restrictions.  See use restrictions in the file:
     // <install location>/License.txt
     //
     ////////////////////////////////////////////////////////////////////////////////
-->
<s:SkinnableContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
                      xmlns:s="library://ns.adobe.com/flex/spark"
                      xmlns:mx="library://ns.adobe.com/flex/mx"
                      creationComplete="init()"
                      height="100%"
                      skinClass="com.esri.viewer.skins.MapManagerSkin"
                      width="100%">
    <fx:Metadata>
        [ResourceBundle("ViewerStrings")]
    </fx:Metadata> 
    
    

    <fx:Script>
        <![CDATA[
            import com.esri.ags.Graphic;
            import com.esri.ags.Map;
            import com.esri.ags.SpatialReference;
            import com.esri.ags.TimeExtent;
            import com.esri.ags.events.DrawEvent;
            import com.esri.ags.events.ExtentEvent;
            import com.esri.ags.events.FlareEvent;
            import com.esri.ags.events.FlareMouseEvent;
            import com.esri.ags.events.GraphicEvent;
            import com.esri.ags.events.LayerEvent;
            import com.esri.ags.events.MapEvent;
            import com.esri.ags.geometry.Extent;
            import com.esri.ags.layers.ArcGISDynamicMapServiceLayer;
            import com.esri.ags.layers.ArcGISImageServiceLayer;
            import com.esri.ags.layers.ArcGISTiledMapServiceLayer;
            import com.esri.ags.layers.FeatureLayer;
            import com.esri.ags.layers.GraphicsLayer;
            import com.esri.ags.layers.Layer;
            import com.esri.ags.layers.supportClasses.StaticLayer_m_esriLogo;
            import com.esri.ags.layers.supportClasses.StaticLayer_m_globe;
            import com.esri.ags.tools.DrawTool;
            import com.esri.ags.tools.NavigationTool;
            import com.esri.ags.virtualearth.VETiledLayer;
            import com.esri.viewer.AppEvent;
            import com.esri.viewer.BaseWidget;
            import com.esri.viewer.ConfigData;
            import com.esri.viewer.IInfowindowTemplate;
            import com.esri.viewer.ViewerContainer;
            import com.esri.viewer.components.InfoPopup;
            
            import flash.utils.setInterval;
            
            import mx.collections.ArrayCollection;
            import mx.containers.Canvas;
            import mx.controls.Alert;
            import mx.core.UIComponent; // This is needed to change ESRI logo to ITRE logo
            import mx.events.CloseEvent;
            import mx.resources.ResourceManager;
            import mx.controls.Image; // This is needed to change ESRI logo to ITRE logo
            
            import spark.components.Group;

            /* skin section */
            [SkinPart(required="false")]
            public var managerView:Group;

            [SkinPart(required="false")]
            public var map:Map;

            [Bindable]
            public var mapLeft:Number = 0;

            [Bindable]
            public var mapRight:Number = 0;

            [Bindable]
            public var mapTop:Number = 0;

            [Bindable]
            public var mapBottom:Number = 0;

            [SkinState("decorated")]
            [SkinState("resized")]
            [SinkState("normal")]

            private var configData:ConfigData;

            private var defaultstatus:String;

            //[SkinPart(required="false")]
            private var infoPopup:InfoPopup;

            private var navTool:NavigationTool;

            private var drawTool:DrawTool;

            private var drawEndFunction:Function;

            private var fullExtent:Extent;

            private var _manManagerSate:String = "resized";

            private var proxyEnabled:Boolean = false;

            private var optLayerTable:Array = new Array();
            
                
            [Embed(source="assets/images/i_wind.png")]
            private var myLogo:Class;
            
            // This is the code to change the ESRI logo to ITRE's logo. In addition to this function, two import statements are needed. 
            // Also, this function should be called from the mapLoadComplete() function.
            private function changeESRILogo(map:Map):void 
            {
                for (var i:int=0; i<map.staticLayer.numChildren; i++){
                    var component:UIComponent = map.staticLayer.getChildAt(i) as UIComponent;
                    
                    if(component.className == "Image"){
                        var img:Image = component as Image;
                        if (img.source.toString().indexOf("logo") > 0){
                            img.source = myLogo;
                            img.addEventListener(MouseEvent.MOUSE_DOWN ,gotoMyURL,false,1000);
                            return;
                        }
                    }
                }
            }
            
            private function gotoMyURL(evt:Event):void
            {
                var myURL:URLRequest = new URLRequest("http://vams.itre.ncsu.edu");
                navigateToURL(myURL);
                evt.stopImmediatePropagation()
            }
            
            //init
            private function init():void
            {
                ViewerContainer.addEventListener(AppEvent.CONFIG_LOADED,        config);
                ViewerContainer.addEventListener(AppEvent.SET_MAP_NAVIGATION,   changeNavigationbyMenu);
                ViewerContainer.addEventListener(AppEvent.BASEMAP_SWITCH,       basemapMenuClicked);
                ViewerContainer.addEventListener(AppEvent.SET_MAP_ACTION,       enableMapAction);
                ViewerContainer.addEventListener(AppEvent.SHOW_INFOWINDOW,      widgetShowInfo);
                ViewerContainer.addEventListener(AppEvent.MAP_RESIZE,           resizeMap);
                ViewerContainer.addEventListener(AppEvent.DATA_OPT_LAYERS,      sendOptlayers);
                ViewerContainer.addEventListener(AppEvent.MAP_LAYER_VISIBLE,    changeLayerVisible);
            }

            protected override function partAdded(partName:String, instance:Object):void
            {
                super.partAdded(partName, instance);
                if (instance == map)
                {
                    map.zoomSliderVisible = false;
                    map.addEventListener(MapEvent.LOAD, mapLoadComplete); 
                    // This call changes the ESRI logo to ITRE's logo
                    changeESRILogo(map);
                    
                }
            }

Again, this still doesn't solve the issue of opening both the link to our website as well as ESRI.com. I am still trying to figure out how to fix that issue.

JoshuaCoates

I am looking in the MapManager.mxml and I am not seeing where it shows logoVisible:true or MapManager.partAdded()? Where do I find these? Jeff, can you show me your mxml once you do this?

DasaPaddock

The default for logoVisible is true, so you'll need to set it to false sooner than mapLoadComplete. Try MapManager.partAdded().

deleted-user-rQoEFM5qzbHE

Dasa,

I am not sure that is the issue. I entered the map.logoVisible = false statement into the mapLoadComplete function. It now makes my logo invisible, but the original ESRI logo still pops up for a second and then disappears. There seems to be some place in the code that is still telling it to show the logo (if only briefly).

Thanks for pointing out how to make the logo invisible.

JoshuaCoates

Sorry, I have no idea what you are talking about. I struggle communicating with you programmers. 😞 I was told FLEX was so easy that people who know no code could do it. Not finding this to be very true. Thank you for trying though.

DasaPaddock

They're not static properties, so you'll need to access them on your Map instance.

JoshuaCoates

I'm not seeing "Map.logoVisible or Map.staticLayer Group"?!

DasaPaddock

In version 2.0 of the API, you should really just hide the ESRI logo and add a new Image to the Map.staticLayer Group. This way there's no conflict. To hide the ESRI logo, set Map.logoVisible to false.

Reference:
http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/Map.html#staticLayer

deleted-user-rQoEFM5qzbHE

That doesn't seem to have any affect. I noticed that if you look closely as the page is loading, the "Powered by ESRI" logo is there and then gets covered up. It seems the function used doesn't replace the old logo but rather just lays on top so that when you click it you are clicking both, hence cause both websites to open.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.