Select to view content in your preferred language

Hide the zoom link in infoTemplate

3456
4
Jump to solution
10-22-2014 03:03 AM
IsraAlhamood
Deactivated User


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
Honored 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
Frequent Contributor
CraigLinn
Deactivated User

add this to your css 

.esriPopup a { display:none; }

SteveCole
Honored 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
Deactivated User


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

0 Kudos