Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,365,521
Community Members
 
Community Events
168
Community Groups

Not able to add images side by side.

I am using confluence cloud. 

While trying to add two images side by side the second image is pushed to next line. 

Same is happening  when i try to put two images side by side in column of a table.

I checked one of my friends confluence  page and he is able to add images side by side without using page layout or sections macro. 

How can i fix this?

18 answers

I had the same issue and managed to align 2 pictures on a same row by selecting the "image+text" option as below: 

Screenshot 2020-05-11 at 09.30.23.png

You can try to : 

  1. Insert your first picture and select it on the confluence page to see the above option. Choose the highlighted option above
  2. Repeat with the second picture choosing the same configuration, both pictures should now be on the same row 

Browser: Chrome

Deleted user Jun 23, 2020

Only works in editing mode, once you publish it reverts back... For me at least.

Like # people like this

I know this isnt an answer but when I came across this challenge, I just put the two images side by side in my image editor then pasted them both as a single image into me Confluence page. I get that it doesn't solve the confluence issue, but until they fix it, it's not a bad work around.

I have 40 images that I need to responsively wrap. 

There is no workaround like that for me, I'm afraid. I just need the new product to be at least as modern as what it's replacing. 

UGH

Like Fred Lunau likes this

If I need images side-by-side I just add a table.

Like # people like this

Unless you are not inside the table initially! Can't add nested table without another workaround ><

9 votes
Shannon S Atlassian Team Feb 01, 2021

Hello everyone,

Thank you all for providing your feedback and examples of this problem. I apologize for the late response, as I know this is a common pain point for all of you.  It is, as Angelo mentioned, related to the way the new editor formats content.

My colleague Diego encountered a similar issue in the Community thread below:

Specifically, the new editor will attempt to put each photo on a new line, rather than inline, as preferred. A request to revert the behavior to that of the legacy editor is in the Jira ticket below:

  • CONFCLOUD-68501 Allow Images to be inserted inline or in a sentence in the New Editor

Let the TEAM know how important this is by clicking Vote for this issue on the Jira ticket. That ensures that you receive updates in the future regarding this problem.

Thank you, and take care!

Shannon

I'm seeing this issue, too, when trying to paste images side-by-side like you could with the old editor. With the new editor, you have to select the layout block and create the layout you want, and then paste the images within the layout. It's more effort than it should be when you could previously paste images side-by-side. Between the new issue view in Jira taking over two years to implement, the new editor here taking over a year and still missing functionality, and the new Bitbucket Pull Request experience taking over a year to implement and still missing functionality, I can no longer recommend any Atlassian product to anyone in good faith.

Agreed, this is super irritating.

Like # people like this

This is really ridiculous. instead of working to add stuff like custom emojis, maybe Atlassian should consider covering the basics first 🙈

Fair comment. Some of these requirements seem pretty rudimentary. 
- Images side by side.
- Cell background colour in tables. e.g. Black is not a colour you can choose.

Like Chris Purser likes this

How a supposedly professional product like Confluence will not allow you to place two pictures side by side is absolutely baffling.

It a crock thats why

I found using a single row table and pasting the images into each column/cell works like a charm

How do you make them wrap responsively for smaller screens?

Solution: 

Add the picture and when confluence is putting it on the next row, click on the space before the picture and press backspace. If it not work, try the same in a Panel. 

If you are still looking for the solution, the best way I found to do is via `layout` options under the menu bar, where you can add layouts of `two` or `three` columns,you also get some other options too,you can explore that,you can find the attached screenshot to locate layouts in menu barScreenshot 2021-01-16 at 6.55.43 PM.png

12 columns is what is modern, not 3. 

We should be able to add 100 thumbnails, have them wrap at 12 for large screens, 6 for medium, etc. just like any modern website would do, and that's actually LESS than what the years old version did. 

1 vote

Is this a joke? How do they not allow for two images to be side by side on the same row?

My only workaround at the moment is putting stuff in a table:

Screen Shot 2020-06-24 at 4.19.22 pm.png

Yep. Good luck getting it to wrap responsively. :)  

This is just another "Sell & Sell Support" application. It's not supposed to work as intended. Nobody who purchases these products ends up using them. Keeps people busy so it ticks that box. 

\begin{figure}
\begin{minipage}[t]{0.3\linewidth}
\includegraphics[scale=0.1]{r.jpg}
\caption{fig 1}
\end{minipage}
\begin{minipage}[t]{0.3\linewidth}
\includegraphics[scale=0.1]{r.jpg}
\caption{fig 2}
\end{minipage}
\begin{minipage}[t]{0.3\linewidth}
\includegraphics[scale=0.1]{r.jpg}
\caption{fig 3}
\end{minipage}


\caption{some figures for display}

Here I added 3 figs with caption. Please add your any fid in place of r.jpg. Please send your response.

And the worst part is that pages created in the old view, once converted to the new one, lose all the alignment in images - it should be clearly stated that this will happen during the conversion.

Atlassian, please resolve this ASAP. 

Any news on this topic? This is really frustrating.

It is so important to do image collections in confluence.

Please, please, please bring back the old functionality!

I am very frustrated because of the problem. My release notes become 3-4 times longer and all the templates are broken. Now I need to find another tool for the release notes. 

Like everyone else is saying I have the same issue. Trying to make a navigational home page and I can only put 3 icons on each line if I manually change the columns in editor. The majority of each line is blank space but it's the only method available.

Same issue here. Very irritating. I use confluence often for visual research collections. In this case I want to see more than just 2-3 Images below each other.

I want to use all of the screens real estate to display many images.

Hi @Thomas M Abraham

There are a couple of things you might want to try:

  • Check the size of your images. Sometimes the second image you are going to add might not fit the width of the page and so you cannot add them next to each other.
  • After publishing, adjust your left sidebar and see if you still cannot see the images next to each other with the page occupying maximum width possible.
  • Check the alignment settings on your tool bar. Your image being aligned wrong can make the next image skip to next line.
  • With tables or layouts - again it can be the size of the image or one of the other things from the previous points.

Let me know how that works and if you still have problems placing two images next to each other.

Thanks

Sireesha

Hi Sireesha,

Thanks for the update. I tried all the above-mentioned points and still, it is not working.

I found a similar bug raised earlier https://jira.atlassian.com/browse/CONFSERVER-39896.

For me, I am not even able to place images side by side.

Hi,

I am having the same issue. My images are very small and I am unable to get them to sit side-by-side within a table cell. It seems that images are handled differently when placed inside a table cell as I also don't see the usual image formatting pop-up menu appear when I select them.

Thanks,

 

Ray

Suggest an answer

Log in or Sign up to answer
TAGS

Atlassian Community Events