topic Re: How to remove actionList items in InfoWindow/Popup in ArcGIS JavaScript Maps SDK Questions

How to remove actionList items in InfoWindow/Popup

ChadWilcomb — Wed, 28 Mar 2012 20:32:00 GMT

I have been able to successfully add items to the popup/infoWindow, like this

    var detailsLink = dojo.create("a", {         "class": "action",         "innerHTML": "Details",         "href": "javascript:void(0);"     }, dojo.query(".actionList", map.infoWindow.domNode)[0]);      dojo.connect(detailsLink, "onclick", function (evt) {         var feature = map.infoWindow.getSelectedFeature();         ExecuteViewPermit(feature.attributes.PermitNumber);     });

But how can I remove the default 'Zoom To' anchor tag?

I have tried adding variations of dojo/jQuery destroy/remove functions using the class selectors to my init and map onLoad functions:

dojo.destroy('.zoomTo');
$('.zoomTo').remove();

Any suggestions?

Thanks,
Chad

Re: How to remove actionList items in InfoWindow/Popup

StephenLead — Sun, 12 Dec 2021 03:41:48 GMT

You can knock it out in CSS:

.esriPopup .actionsPane {
    display: none;
}

Re: How to remove actionList items in InfoWindow/Popup

DavidSpriggs — Thu, 29 Mar 2012 04:44:04 GMT

The ZoomTo link has an additional css class assigned to it. To remove (actually hide) only the ZoomTo link, but leave the other links you have created, use this css:

.esriPopup .actionsPane .zoomTo {     display: none; }

Re: How to remove actionList items in InfoWindow/Popup

ChadWilcomb — Sun, 12 Dec 2021 03:41:51 GMT

Thanks David & stevel, why didn't I think of using CSS?

Incidentally, I used the same technique to knock out the maximize button on the popup as well...

.esriPopup .actionsPane .zoomTo {
     display: none;
}
.esriPopup .titleButton.maximize {
     display: none;
}