It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Confluence: Responsive image height (not width)

I'm an editor on my company's Confluence account, so I don't have admin privileges. Is there a way, without obtaining admin privileges, to make it so that the height of images also changes responsively? For whatever reason, it's only the width that changes. The image editor only allows you to change the width and you can't change it to a percentage value. I've tried.

My code is set up as follows: The content is in a section and in two columns. The image is in a column with the width of 70%. I've had this same image problem even when the image is outside of a column. My page has a main content section and a right sidebar. 

I have my images set to the "large" resize setting, not original. 

I really want to edit the source code on my Confluence file, but I don't think I can without admin privileges. If that's the only way, I can see if I can ask to get them. 

Ideal display:

Screen Shot 2017-06-21 at 10.44.34 AM.pngResized/shrunk display:

Screen Shot 2017-06-21 at 10.45.06 AM.png

2 answers

1 vote
Daniel_Eads Atlassian Team Apr 30, 2019

Hey Rachel!

I realize this post is a couple years old but just wanted to circle back and let you know about some of the improvements we've been making to the editor in Confluence Cloud and how images are handled now. The new editor should be responsive in both directions in relation to the page. See how this works in practice on the improvements documentation.

If you're interested, we've also got a discussion going on Community about the new editor, all the improvements so far, and what's coming. Thanks for helping us make a better editor by pointing out what is and isn't working well for you!

Cheers,
Daniel

This is great, but when will be seeing these new features in Server?

Like # people like this
0 votes
srenfrow Atlassian Team Jul 18, 2017

A couple of questions:

  1. What version of Confluence is this?
  2. What is the image type you are using?

One workaround for change the styling per page is to drop an HTML macro somewhere on the page, then you can drop in css similar to:

<style type="text/css">
.confluence-embedded-image {height: 100%;}
</style>

Note that this will target all embedded images on the page.  You can drop html macros above and below your image element to add in custom divs if you would like to very specifically target one element in one page.

To impact all images in aspace or instance, you will need to reach out to your admins.

 

 

Thanks for your response, @srenfrow!

From what I can tell is that we have Confluence 1000.1711.1. 

I'm using a .jpg file. When I search macros, I only find HTML comments. 

srenfrow Atlassian Team Jul 20, 2017

Apologies, my answer was for Confluence server.

In Cloud, I was able to replicate the behavior you describe.  I will check to see if a bug request has been filed for this.  in the meantime, it does appear that original size images respond properly.

As a workaround, I recommend saving your image in the desired size, adding to the page, and setting to original.  You should see the desired responsive effect after that.

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Posted in Confluence

How is your team having fun and bonding, remotely, utilizing Confluence?

Thanks everyone for answering last week’s question. The winner of the random drawing from those who commented is: @LarryBrock I’ll contact you separately with your prize details. This wee...

327 views 9 7
Join discussion

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you