Hide the zoom link in infoTemplate

3298
4
Jump to solution
10-22-2014 03:03 AM
IsraAlhamood
New Contributor II


I'm trying to figure out how to hide the "zoom to" link that comes by default with the infoTemplate.

any idea?

0 Kudos
1 Solution

Accepted Solutions
SteveCole
Frequent Contributor

I would be cautious of the sledgehammer approach of a css rule on a links. I know I like to sometimes custom format infoWindow content and include hyperlinks. Using your CSS rule, that would remove those links (this might also remove hyperlinks from any data fields with hyperlinks too).

It's aways best to see if ESRI has established a CSS class and then just target that class. In this case, there is one to target:

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

View solution in original post

4 Replies
Vara_PrasadM_S
Occasional Contributor II
CraigLinn
New Contributor III

add this to your css 

.esriPopup a { display:none; }

SteveCole
Frequent Contributor

I would be cautious of the sledgehammer approach of a css rule on a links. I know I like to sometimes custom format infoWindow content and include hyperlinks. Using your CSS rule, that would remove those links (this might also remove hyperlinks from any data fields with hyperlinks too).

It's aways best to see if ESRI has established a CSS class and then just target that class. In this case, there is one to target:

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

IsraAlhamood
New Contributor II


Thank you Steve. You are right, Now It's working perfectly.

0 Kudos