How to create a pop up graphic similar to a hover pop up graphic?

I want to be able to hover/or click a link and have a graphic pop up within the same window/page that I am on.

2 answers

Hey Kevin,

Is this a third party plugin that has those graphic? If yes, you might want to reach out the vendor to see if there's an improvement request that you can fill in to have this feature.

Cheers,
WZ

If you're using Confluence server, try this:

  1. Remove the word or phrase that will be the target of the rollover
  2. Add the Rollover macro
  3. Edit the Rollover macro and put something unique in the Class field (e.g. image1)
  4. Put the Span macro in its body
    (The Span macro forces it to be inline) 
  5. Add the CSS Stylesheet macro
  6. Enter the following:

    .image1:before {
    content:"rollover";
    color: blue;
    text-decoration: underline;
    }
    .image1-rollover:after {
    content:url(http://path.to.image/image.jpg);
    }
  7. Change "rollover" to the word or phrase that will be the target of the rollover (leave in quotes)

  8. Change the url to the actual URL of the image
  9. (Optional) Change or remove the color and text-decoration lines

Where is the Rollover Macro?

Hi, @Milo Grika, just wondering, I'm trying this in the latest confluence, and it's not possible to place the span macro in the rollover macro's body.

I'm well aware how to edit the markup, or even the html to do this, but I need to leave a legacy to the people that come after me that might not be conversant in these methods but can still follow the logical path of the visual elements in the WYSIWYG editor of the modern Confluence Server.

Is there a simple way around this? I'm desperate to replace me CSS rollovers with something Confluence native.

Sorry to bother you on a 3 year old issue.

Sadly, I can't seem to get the trigger to be inline either — something seems to have changed since then (https://jira.atlassian.com/browse/CONFCLOUD-53073).

Thankfully, I don't think I ever actually used the rollover macro anywhere; just as an experiment to answer the question.

Heh. OK, cheers, Milo.

I'm making slow progress with it, but it's moving to the back of what I need to focus on now that I have to focus on content.

(gr. content. ... why can't I just make pretty things?)

If I get a solution I'll try to remember to come back here to put it in these answers ... as I reckon I *can* get a pop up to appear in the middle of the screen with minimal CSS (to pass a new users "WTH is this?" face) and to pass management's approval of that lack of CSS. ;-)

Have a goodn'.

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Apr 13, 2018 in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

372 views 20 10
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you