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

Stop infoWindow appearing when editing

MarkSmith

Hi,

Hopefully a simple one, but I can't crack it.
I'm using the editor and template picker to allow editing of a layer through the API and this works great. However in this instance there is no need for the infoWindow to appear when a user clicks a shape to edit, i.e. I don't want it to pop-up, I just want to be able to edit the shape, not the attributes. So how do you prevent the infoWindow appearing?

Thank you,

Mark.

Vind meer berichten getagd met

Accepted answers

All comments

danbecker

I think you can stop the infoWindow from displaying if you call dojo.stopEvent()
right after your onClick that enables the editToolbar

dojo.forEach(layers, function(layer) {
      dojo.connect(layer, "onClick", function(evt) {
            dojo.stopEvent(evt);
            editToolbar.activate(esri.toolbars.Edit.EDIT_VERTICES , evt.graphic);
      });
});

ive also had issues with infoWindow showing when you click a new point with template picker over existing featLayer graphics.
That issue was fixed using featLayer.disableMouseEvents(); after the template was selected

dojo.connect(templatePicker, "onSelectionChange", function() {
      if(templatePicker.getSelected()){
            //template selected disable non-editable featLayers onClick event
            dojo.forEach(nonEditFeatLayers, function(layer){
                    layer.disableMouseEvents();
            });
      }
       else{
             //template selection cleared, enable onClick
            dojo.forEach(nonEditFeatLayers, function(layer){
                    layer.enableMouseEvents();
            });
        }
});

BrettGreenfield__DNR_

This may be a crude solution, but whenever I have to do something like this, I create a variable called counter and set it equal to 0. For the identify function, I check to see if counter = 0 before it does anything else. When the user clicks a button to begin editing, the edit function immediately sets counter = 1, so whenever the user clicks on a feature, though the identify function is still called, it doesn't actually do anything since it fails the if statement. When the edits are finished, I set counter equal to zero again so they can resume identifying features.

JohnGravois

is our published sample for sketching in new features without adding attributes (not using the editor widget) not helpful for those attempting to support this use case?

NicholasFloersch

Dear ESRI,

I think there are people who would appreciate the option of using the editor widget without using the infowindow. The whole "hide() it after the click event fires" thing is a poor solution... yes it works, but it is a wasteful approach. It would be like me ordering a happy meal when I don't want the free toy. Instead of always getting the toy and tossing it out, can I just get the meal without the toy? I understand that the editor is a widget, and so it is a package-deal... and so I get why it is the way it is. I'm just suggesting that an extra config option to totally disable the infowindow functionality would be nice.

MarkSmith

Kathleen,

Thank you for your post. I tried your solution but for some reason it didn't have any effect on my window. My only solution was to reduce the size of the info window and hide it a split second after it appears.

Thanks again,

Mark.

KathleenCrombez1

I was just experiencing this same problem using the editor dijit with the attribute inspector displaying in a div instead of the info window.
An empty info window kept popping up on screen.
My solution was to set the following styles in my css stylesheet.

#map_infowindow {
    display:none;
    visibility:hidden;
}

.window {
    display:none;
    visibility:hidden;
}

Hope this helps! 🙂

HemingZhu

This example does not use the editor to edit the feature shapes. If I load my feature layer in my application but disable the editor then sure enough I can customise the infoTemplate and even stop the infoWindow appearing as you suggest in an earlier post, but with the editor and template picker in use on the feature layer I cannot control the infoTemplate and cannot prevent the infoWindow appearing. Do you have any more suggestions?
Thanks again.

To my understanding, if you use template picker, the editor itself will use the infowindow to display attributes. So how to use editor without showing infowindow is tricky. I have not done this so i really could say much any more on this. Perhaps you might want to think about other options such as update your feature without using editor...

MarkSmith

This example does not use the editor to edit the feature shapes. If I load my feature layer in my application but disable the editor then sure enough I can customise the infoTemplate and even stop the infoWindow appearing as you suggest in an earlier post, but with the editor and template picker in use on the feature layer I cannot control the infoTemplate and cannot prevent the infoWindow appearing. Do you have any more suggestions?
Thanks again.

HemingZhu

Hi,
I appreciate all your responses, but I'm still getting nowhere. I have tried defining an infoTemplate, but the infoWindow that appears when I click a shape for editing is just the default template, for some reason I don't seem to be able to alter it. Below is my code that runs to load the editor service if that gives any clues. I haven't used the infoTemplate before so I could be getting it wrong. Also, I still have the code in place which should stop the window appearing anyway, and that's not taking effect. If you have any working code you don't mind sharing then please post it. Thank you.
function loadEditor() {
    infoTemplate = new esri.InfoTemplate();
    infoTemplate.setContent("<b>Reference: </b>${APP_REF}");
    
    planAppsLayer = new esri.layers.FeatureLayer("http://myServer/ArcGIS/rest/services/Test/myService/FeatureServer/0", {
        mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
        infoTemplate: infoTemplate,
        outFields: ["*"]
    });
    dojo.connect(map, "onLayersAddResult", initEditing);
    map.addLayers([planAppsLayer])
}

It could not be any better than just use the ESIR sample: I picked up the following one. http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/fl_selectfeatures.html.
Just add showInfoWindowOnClick: false in sample's statement: var map = new esri.Map("map", { extent: esri.geometry.geographicToWebMercator(initialExtent), slider: true, nav: true }); Watch the behaviors with and without showInfoWindowOnClick: false. You can see it clearly take effect on the behavior of infowindow.

MarkSmith

Hi,
I appreciate all your responses, but I'm still getting nowhere. I have tried defining an infoTemplate, but the infoWindow that appears when I click a shape for editing is just the default template, for some reason I don't seem to be able to alter it. Below is my code that runs to load the editor service if that gives any clues. I haven't used the infoTemplate before so I could be getting it wrong. Also, I still have the code in place which should stop the window appearing anyway, and that's not taking effect. If you have any working code you don't mind sharing then please post it. Thank you.

function loadEditor() {
    infoTemplate = new esri.InfoTemplate();
    infoTemplate.setContent("<b>Reference: </b>${APP_REF}");
    
    planAppsLayer = new esri.layers.FeatureLayer("http://myServer/ArcGIS/rest/services/Test/myService/FeatureServer/0", {
        mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
        infoTemplate: infoTemplate,
        outFields: ["*"]
    });
    dojo.connect(map, "onLayersAddResult", initEditing);
    map.addLayers([planAppsLayer])
}

HemingZhu

Hi,

No, that doesn't work either, I have:
map = new esri.Map("mapDIV", { extent: customExtent, showInfoWindowOnClick:false });

And the infoWindow still appears when editing, the above probably only applies to the Identify. Any chance you feel like trying it to make sure it's not just me?

Thanks.

Well i looked at the API carefully. It stated showInfoWindowOnClick:false only works "if the Graphic has a defined InfoTemplate when the user clicks on the graphic". I tested it. showInfoWindowOnClick:false indeed worked on a layer (feature or graphiclayer) which has a defined infoTemplate. It did not honored if the layer has no infoTemplate attached. You might have to define a infoTemplate so you can workround it. Good luck.

MarkSmith

Hi,

No, that doesn't work either, I have:
map = new esri.Map("mapDIV", { extent: customExtent, showInfoWindowOnClick:false });

And the infoWindow still appears when editing, the above probably only applies to the Identify. Any chance you feel like trying it to make sure it's not just me?

Thanks.

HemingZhu

Hi,

These don't work. I have tried both. The problem is the hide(), it is not a 'stop', so the infoWindow still shows, so in the case of the event ideas you suggest I expect the hide() actually fires before the show, or I can put some logic in my code to hide() a split second after the show, but the infoWindow still shows for a split second. I think I need to disable the infoWindow by some other technique but I don't know what. With the Identify code you actually code the infoWindow.show() to open the infoWindow at the appropriate time, but that seems to be hidden with the editor.

Mark.

Then you might want to set map's showInfoWindowOnClick as false as default and only show it when necessary. like this
map = new esri.Map("map", {
......,
showInfoWindowOnClick:false
});

MarkSmith

Hi,

These don't work. I have tried both. The problem is the hide(), it is not a 'stop', so the infoWindow still shows, so in the case of the event ideas you suggest I expect the hide() actually fires before the show, or I can put some logic in my code to hide() a split second after the show, but the infoWindow still shows for a split second. I think I need to disable the infoWindow by some other technique but I don't know what. With the Identify code you actually code the infoWindow.show() to open the infoWindow at the appropriate time, but that seems to be hidden with the editor.

Mark.

HemingZhu

Hi,

Thanks for that. What event works with this? I have tried a few things that don't work, and I can use map.infoWindow.hide() to hide the window a split second after it appears, but not to stop it appearing in the first place. Can you please post the code?

Thanks.

could be in dojo.connect(map, "onClick", function(evt){ map.infoWindow.hide();.... }); or dojo.connect(yourfeaturelayer, "onClick", function(evt){ map.infoWindow.hide();.... }); depending upon your code logic..

MarkSmith

Hi,

Thanks for that. What event works with this? I have tried a few things that don't work, and I can use map.infoWindow.hide() to hide the window a split second after it appears, but not to stop it appearing in the first place. Can you please post the code?

Thanks.

HemingZhu

Hi,

Hopefully a simple one, but I can't crack it.
I'm using the editor and template picker to allow editing of a layer through the API and this works great. However in this instance there is no need for the infoWindow to appear when a user clicks a shape to edit, i.e. I don't want it to pop-up, I just want to be able to edit the shape, not the attributes. So how do you prevent the infoWindow appearing?

Thank you,

Mark.

add map.infoWindow.hide(); in your event handler to hide the infoWindow.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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