Image Mapping | Community
Skip to main content

Image Mapping

  • May 9, 2018
  • 1 reply
  • 0 views
J

Hi guys!

I want to create an image map such as https://webhelp.fred.com.au/nxt/Dispense/r_dispense-main-screen.htm.

But whenever I enter my HTML in the source code, it looks like it gets removed when I preview the article.

 <img src=dispensingscreenlayout.png" alt="" usemap="#Map" />
<map name="Map" id="Map">
    <area alt="" class="tooltip" data-tooltip-content="#tooltip_content" href="test.html" shape="poly" coords="8,55,719,55,716,537,13,547" />
    <area alt="" title="" href="#" shape="poly" coords="735,57,1178,55,1178,262,743,259,884,137" />
    <area alt="" title="" href="#" shape="poly" coords="736,276,1178,275,1176,644,736,641" />

</map>

Does Zendesk support that or am I missing something?

    This topic has been closed for replies.

    1 reply

    Stephen43
    • Stephen43
    • May 16, 2018

    I believe you should be able to create an image map in your Help Center given that its just HTML and CSS. If its not working it could be either a problem with the code or could be related to not having "Display unsafe content" enabled in your help center. 

    By default, Zendesk is configured to block unsafe HTML tags and attributes, to ensure that your customers can safely browse your knowledge base. This may affect the way the browser renders the content, i.e., it may be displayed incorrectly or not displayed at all

    You can turn off this default setting by following these directions: 

    1. In Guide, click the Settings icon
    2. Under Security, select the Display Unsafe Content option.
    3. Click Update.

    Warning: this change allows potentially malicious code to be executed when users open an article in a browser.

    Terms & ConditionsCookie settingsAccessibility statement