Page 1 of 1
IMAGE LINK DITA
Posted: Sat Oct 18, 2014 7:40 am
by Le Basque
Hi,
In topic i am an svg image.
From this image svg I want to place links on TOPICS.
For example :
it does not work
if you have a solution ?
Thank you
Re: IMAGE LINK DITA
Posted: Mon Oct 20, 2014 8:42 am
by Radu
Hi,
Do you mean that inside the SVG you want to add links to files?
If so, the links should be directly to HTML files and not to DITA resources because the output folder will contain only HTML files and not DITA resources. You can from in the output folder the target HTML document and look in it for an anchor to refer to, then create the link accordingly.
Regards,
Radu
Re: IMAGE LINK DITA
Posted: Mon Oct 20, 2014 12:03 pm
by Le Basque
Hi
From an image in SVG format, I want to access
TOPIC and that link is active in the generation of PDF
Thank you
Re: IMAGE LINK DITA
Posted: Mon Oct 20, 2014 12:26 pm
by Radu
Hi,
The main idea is that the base DITA processing does not process the contents of the SVG documents in order to re-write the links found there in any way.
I'm not sure what you want can be done. You would need to make some investigations.
First you would probably need to define in your XSL-FO output named anchors by adding an XSLT customization.
Please see this section which discusses named anchors:
http://xmlgraphics.apache.org/fop/0.95/extensions.html
After the PDF is generated with these named anchors probably your links in the SVG could be something like:
Code: Select all
<a xlink:href="pdfFileName.pdf#named_anchor">
You should also ask around on the DITA Users List, maybe there is someone there who tried this before.
Regards,
Radu
Re: IMAGE LINK DITA
Posted: Fri Oct 24, 2014 3:07 pm
by Le Basque
Hi
what do you have as a solution for that since an image map view a text in a PDF file generated by DITA
thank you
Re: IMAGE LINK DITA
Posted: Fri Oct 24, 2014 5:17 pm
by Le Basque
i found an solution with imagemap
Best regards
Re: IMAGE LINK DITA
Posted: Thu Nov 23, 2017 1:43 pm
by writeDirection
Hi,
I'd like o do the same thing with html (the idea being to create a flow-chart, each module of which links to a task that describes the details for that step).
Is there a way to achieve this in OXY-19?
Thanks
Re: IMAGE LINK DITA
Posted: Thu Nov 23, 2017 2:23 pm
by Radu
Hi,
I'm not sure why you need special support in Oxygen for this. If you want various links between HTML files why don't you add them? Or have I not understood your use case?
Regards,
Radu
Re: IMAGE LINK DITA
Posted: Wed Feb 06, 2019 3:31 pm
by dpksaini89
Hi,
Is it now possible in Oxygen XML 20.1 (<oXygen/> XML Editor 20.1, build 2018061313) to:
- 1. create flow charts
2. link the text in flow chart to some topic
For example: In below figure, i wish to first create such flow chart. Secondly, hypelink 'A' to appropriate dita topic.
Please suggest.

Re: IMAGE LINK DITA
Posted: Wed Feb 06, 2019 3:41 pm
by Radu
Hi,
You can right click the image reference in the Author visual editing mode and choose "Image Map Editor...".
https://www.oxygenxml.com/doc/versions/ ... odes2.html
Hotspots and hover links are only available in the published HTML-based outputs. For PDF the links will be presented under the image reference.
Regards,
Radu
Re: IMAGE LINK DITA
Posted: Thu Feb 07, 2019 7:50 am
by dpksaini89
Hi Radu,
Thanks for suggesting image map. Please also confirm if there is a way of creating flow charts like above in oxygen.
Re: IMAGE LINK DITA
Posted: Thu Feb 07, 2019 9:33 am
by Radu
Hi,
Oxygen does not come bundled with a tool to create diagrams.
In such cases I think most of our users would either use a tool like Inkscape to create an SVG with the diagram or create the diagram with some other tool, export it to SVG and then link it as an image in the DITA topic.
Regards,
Radu
Re: IMAGE LINK DITA
Posted: Thu Feb 18, 2021 7:03 pm
by shantanu93
Hi,
I am trying to do exactly the same thing ( to hyperlink an image to a topic in the PDF)
But all creating an imagemap does is add a link to the topic before the image.
How can I add a link to the image so that when anyone clicks on the image in the PDF output, it redirects to a specific topic somewhere else in the PDF. Here's my code:
Code: Select all
<imagemap id="imagemap_ayc_455_r4b">
<image href="images/xyz.png" height="900"
id="image_tx1_xrd_7812"/>
<area>
<shape>rect</shape>
<coords>3, 8, 508, 343</coords>
<xref href="topic.dita"/>
</area>
</imagemap>
Re: IMAGE LINK DITA
Posted: Fri Feb 19, 2021 9:13 am
by Radu
Hi,
I answered you here:
post61040.html#p61040
Regards,
Radu