nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Create a Button that is a hyperlink

Annie Wojcik

We would like to include a more visually appealing button that takes you back to our home/overview page. How can this be accomplished? It appears that most button creation tools have been removed.

We have also tried the insert URL but that is not customization other than you can name it.

Thank you!

Accepted answers

All comments

repi

Server or cloud version?

If server, create a user macro e.g.:

 
<form><input type="button" value="to the dashboard" onclick="window.location.href='<a href="https://tegwikie.tegut.org/#all-updates'" target="_blank" rel="nofollow noopener noreferrer">http(s)://your-confluence-url/#all-updates'</a>" /></form>## @noparams

Max Foerster - K15t

Hey @Annie Wojcik!

Welcome to the community! I feel you and it can be difficult with the new editing experience because some beloved features are missing at the moment. For example, using pictures also hyperlinks. That feature is on the short-term roadmap and should be available sometime soon hopefully. If you're curious about other improvements and the status of features, you can have a look at the Confluence Cloud editor roadmap.

Best, Max

Annie Wojcik

Hello,

Thank you for the update. Is there any "work around" available at this time?

Max Foerster - K15t

Hey Annie,

reading through the official ticket CONFCLOUD-65640 Cannot add link to image in Fabric Editor mentioned on the roadmap page the only workaround seems to be the following:

Workaround

Use an add-on like draw.io or Gliffy to import an image and add link to a transparent box covering the image.

I painfully miss the function, too.

Best, Max

Annie Wojcik

Cloud version, thank you!

Annie Wojcik

Hello,

Thank you for the feed back, I was able to find Giffy but those images are not quite appropriate for our site. Would I be able to use any imported image or only those two you suggested?

Marija Radovic_ad7y4y

HI Annie,

could you take a look at the video I recorded for you? I created a new Confluence page, added draw.io macro, inserted an image and added two links both external and internal.

https://vimeo.com/415444213

Hope this will help.

If you have additional questions, I am here for you.

Kind regards,

Marija

draw.io support

Igor Kosarev _App Developer_

Hi @Annie Wojcik

The built-in Confluence method (using an image with a hidden link) is definitely a creative workaround. But if you’d rather keep it simple and elegant, check out the Hyperlinked Buttons macro from Simple Toolkit for Confluence. It lets you insert clean, clickable buttons right into your pages—stylable, accessible, and way easier to manage than overlays or images.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud