Not able to add images side by side.

[Thomas M Abraham]

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?

[Shannon S]

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:

• How do you format images in the new editor? 

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

[alison_sabidussi]

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

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]

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

[Collin Willis]

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.

[Chris Purser]

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

[Jonathan McAllister]

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

[Vladislav.Dorokhov]

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

[Angelo Loria]

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.

[Chris Wingler]

Agreed, this is super irritating.

[Ruud Geldhof]

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

[michael.gorman]

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.

[Pady Parthasarathy]

The layout option really helped me here solve this issue of side-side picture or picture and a table.

reference: https://community.atlassian.com/t5/Questions-for-Confluence/Can-I-place-inserted-pictures-side-by-side-so-that-more-than-one/qaq-p/1198309?tempId=eyJvaWRjX2NvbnNlbnRfbGFuZ3VhZ2VfdmVyc2lvbiI6IjIuMCIsIm9pZGNfY29uc2VudF9ncmFudGVkX2F0IjoxNjUyMDU3NTE0NDIyfQ%3D%3D

[Eric Smith]

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

[dave symonds]

It a crock thats why

[Cprime Apps]

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

[Chris Purser]

How do you make them wrap responsively for smaller screens?

[JSP]

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. 

[VINIT RAJ]

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 bar

[Chris Purser]

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. 

[Deleted user]

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:

[Chris Purser]

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

[tomas_hedman]

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. 

[Vman Kulkarni]

\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.

[Georgi Nastev]

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. 

[Wolfgang Huther]

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!

[Volodymyr Nestorak]

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. 

[Cory Rapp]

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.

[Wolfgang Huther]

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.

[Sireesha Dugginapeddi [Appfire]]

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

[Thomas M Abraham]

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.

[Ray Whiting]

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