Jump to content
You must now use your email address to sign in [click for more info] ×

Hyperlink on images Affinity Publisher


Recommended Posts

If the map is one image, you could add 1 hyperlink to it, allowing you to go to one different page.

If you want to have multiple hyperlinks, then you'd need to have the image split into multiple pieces, and each could have a hyper link. Or you'll need to put some text frames over the map, and each text frame could contain a hyperlink.

Can you clarify what it is you're trying to do, @Albo?

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro, version 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro, version 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
iPad:  iPad Pro M1, 12.9": iPadOS 17.4.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.4.1

Link to comment
Share on other sites

Thank you.
I wanted to use one map with multiple hyperlinks but it looks, after reading your answer,  that it can't be done.

Is it possible to put blank text frames over the map and use them as hyperlinks?

 

iMac mid-2017
3,6 Ghz / 32G

Link to comment
Share on other sites

10 hours ago, Albo said:

Is it possible to put blank text frames over the map and use them as hyperlinks?

I'm not sure that an empty text frame (or a transparent object, which might be better) would work, as I haven't tried that. It might not be clickable in the exported PDF.

Another problem might be: how would the user know where to click, if there's nothing visible. Clicking on a name would work. Or, if the map were cut into multiple pieces (one per area that has additional information available) then clicking anywhere in that area could work.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro, version 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro, version 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
iPad:  iPad Pro M1, 12.9": iPadOS 17.4.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.4.1

Link to comment
Share on other sites

If you're clicking on bullets, couldn't you:

  1. Create a selection including the bullet.
  2. Duplicate (Ctrl+J or Cmd+J depending on OS).
  3. Apply the hyperlink to the duplicated layer.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro, version 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro, version 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
iPad:  iPad Pro M1, 12.9": iPadOS 17.4.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.4.1

Link to comment
Share on other sites

I have the same requirement: I want to define areas with hyperlinks on drawings. Somewhat similar to image maps in HTML. So far it seems that the only thing you can apply hyperlinks to in publisher is text.

My workaround is applying hyperlinks to text which I than make invisible. An empty text frame does NOT work.

I don't know what you mean by applying hyperlinks to layers. How would you do that?

Maybe this is a topic for the whishlist?

Edited by max1josef
typo
Link to comment
Share on other sites

1 hour ago, max1josef said:

So far it seems that the only thing you can apply hyperlinks to in publisher is text.

Hello @max1josef,

you can apply hyperlinks in APub to almost everything, not just text. The only shortcoming is that 'Insert Hyperlink' is listed in the 'Text' menu which is a little misleading. It becomes a little more clear if you look for 'View > Studio > Hyperlinks' that these are not limited to text only.

With this knowledge you can divide your map or drawing into seperate areas where each has its own hyperlink.

Cheers,
d.

Affinity Designer 1 & 2   |   Affinity Photo 1 & 2   |   Affinity Publisher 1 & 2
Affinity Designer 2 for iPad   |   Affinity Photo 2 for iPad   |   Affinity Publisher 2 for iPad

Windows 11 64-bit - Core i7 - 16GB - Intel HD Graphics 4600 & NVIDIA GeForce GTX 960M
iPad pro 9.7" + Apple Pencil

Link to comment
Share on other sites

Here is what I did. I don't know if it is the best but it works for now.
 

Added a transparent image on top of the map bullet . It is not empty but a transparent circle.
I then added an anchor in my text where I want the bullet to go.

This way I can add many transparent images on top of my bullets on the map.

I tried this with one bullet and it worked so it should works with many...hopefully!
 

iMac mid-2017
3,6 Ghz / 32G

Link to comment
Share on other sites

  • 8 months later...
32 minutes ago, Leaving-Adobe said:

Buut how do you export the html code  with the referring hyperlinks??

The Affinity applications don't support export of HTML.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro, version 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro, version 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
iPad:  iPad Pro M1, 12.9": iPadOS 17.4.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.4.1

Link to comment
Share on other sites

  • 2 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.