<div dir="ltr"><div class="gmail_default" style="font-family:verdana,sans-serif">Wonderful!</div><div class="gmail_default" style="font-family:verdana,sans-serif"><br></div><div class="gmail_default" style="font-family:verdana,sans-serif">Thank you very much, multumesc, Bogdan!</div><div class="gmail_default" style="font-family:verdana,sans-serif"><br></div><div class="gmail_default" style="font-family:verdana,sans-serif"><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On 14 December 2017 at 14:54, Oxygen XML Editor Support (Bogdan Cercelaru) <span dir="ltr"><<a href="mailto:support@oxygenxml.com" target="_blank">support@oxygenxml.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000">
Hello,<br>
<br>
This behavior is caused by the fact that the imagemaps are not
responsive in the generated output.<br>
To avoid this you could use a jQuery plugin that makes the imagemaps
responsive. You can find such a plugin here: <a class="m_-8106351414892749745moz-txt-link-freetext" href="https://github.com/stowball/jQuery-rwdImageMaps" target="_blank">https://github.com/stowball/<wbr>jQuery-rwdImageMaps</a><br>
<br>
To include the plugin in WebHelp Responsive output you should create
a well-formed XML file with the following content and refer it using
the "webhelp.fragment.head" parameter from the transformation
scenario:<br>
<tt><head></tt><tt><br>
</tt><tt> <script
src="${oxygen-webhelp-output-<wbr>dir}/jquery.rwdImageMaps.min.<wbr>js"
/></tt><tt><br>
</tt><tt> <script></tt><tt><br>
</tt><tt> $(document).ready(function(e) {</tt><tt><br>
</tt><tt> $('img[usemap]').rwdImageMaps(<wbr>);</tt><tt><br>
</tt><tt> });</tt><tt><br>
</tt><tt> </script></tt><tt><br>
</tt><tt> <style></tt><tt><br>
</tt><tt> img[usemap] {</tt><tt><br>
</tt><tt> max-width: 100%;</tt><tt><br>
</tt><tt> }</tt><tt><br>
</tt><tt> </style></tt><tt><br>
</tt><tt></head></tt><br>
<br>
To have the "jquery.rwdImageMaps.min.js" file automatically copied
in the output, you should also set the "webhelp.custom.resources"
parameter from the transformation scenario to point to a directory
that contains this file. Note that all files and directories found
in that folder will be also copied in the output directory.<br>
<br>
More information can be found here:<br>
- <a class="m_-8106351414892749745moz-txt-link-freetext" href="https://www.oxygenxml.com/doc/versions/19.1/ug-editor/topics/webhelp-plugin-additional-parameters.html" target="_blank">https://www.oxygenxml.com/doc/<wbr>versions/19.1/ug-editor/<wbr>topics/webhelp-plugin-<wbr>additional-parameters.html</a><br>
- <a class="m_-8106351414892749745moz-txt-link-freetext" href="https://www.oxygenxml.com/doc/versions/19.1/ug-editor/topics/copy_resources.html" target="_blank">https://www.oxygenxml.com/doc/<wbr>versions/19.1/ug-editor/<wbr>topics/copy_resources.html</a><br>
- <a class="m_-8106351414892749745moz-txt-link-freetext" href="https://www.oxygenxml.com/doc/versions/19.1/ug-editor/topics/wh-add-custom-html.html" target="_blank">https://www.oxygenxml.com/doc/<wbr>versions/19.1/ug-editor/<wbr>topics/wh-add-custom-html.html</a><br>
<br>
Regards,<br>
Bogdan<br>
<pre class="m_-8106351414892749745moz-signature" cols="72">Bogdan Cercelaru
oXygen XML Editor and Author Support
Tel: <a href="tel:(650)%20352-1250" value="+16503521250" target="_blank">+1-650-352-1250</a>
Fax: <a href="tel:+40%20251%20461%20482" value="+40251461482" target="_blank">+40-251-461482</a>
<a class="m_-8106351414892749745moz-txt-link-abbreviated" href="mailto:support@oxygenxml.com" target="_blank">support@oxygenxml.com</a>
<a class="m_-8106351414892749745moz-txt-link-freetext" href="http://www.oxygenxml.com" target="_blank">http://www.oxygenxml.com</a></pre><div><div class="h5">
<div class="m_-8106351414892749745moz-cite-prefix">On 12/13/2017 1:16 PM, Yves Barbion
wrote:<br>
</div>
</div></div><blockquote type="cite"><div><div class="h5">
<div dir="ltr">
<div class="gmail_default" style="font-family:verdana,sans-serif">Hi group</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif">I'm using oXygen XML
Author 19 and the responsive webhelp transformation, similar
to this one:</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><a href="https://www.oxygenxml.com/doc/versions/19.1/ug-author/topics/create-new-project.html" target="_blank">https://www.oxygenxml.com/doc/<wbr>versions/19.1/ug-author/topics<wbr>/create-new-project.html</a><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif">The output looks nice
but I when I use an imagemap,<i> </i>I see that the image
becomes a lot larger in the output. The result is that the
navigation pane on the right overlaps part of the image.</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif">Is anyone else seeing
this? Any way to avoid this?</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif">Cheers</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif">Yves<br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
<div class="gmail_default" style="font-family:verdana,sans-serif"><br>
</div>
</div>
<br>
<fieldset class="m_-8106351414892749745mimeAttachmentHeader"></fieldset>
<br>
</div></div><pre>______________________________<wbr>_________________
oXygen-user mailing list
<a class="m_-8106351414892749745moz-txt-link-abbreviated" href="mailto:oXygen-user@oxygenxml.com" target="_blank">oXygen-user@oxygenxml.com</a>
<a class="m_-8106351414892749745moz-txt-link-freetext" href="https://www.oxygenxml.com/mailman/listinfo/oxygen-user" target="_blank">https://www.oxygenxml.com/<wbr>mailman/listinfo/oxygen-user</a>
</pre>
</blockquote>
<br>
</div>
<br>______________________________<wbr>_________________<br>
oXygen-user mailing list<br>
<a href="mailto:oXygen-user@oxygenxml.com">oXygen-user@oxygenxml.com</a><br>
<a href="https://www.oxygenxml.com/mailman/listinfo/oxygen-user" rel="noreferrer" target="_blank">https://www.oxygenxml.com/<wbr>mailman/listinfo/oxygen-user</a><br>
<br></blockquote></div><br></div>