Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

How do I make the confluence page with tables and diagrams responsive?

Jignesh Patel January 27, 2022

I have build pages with diagrams and put them into tables etc.. and the wrote content within the pages but when the users has smaller screen size like 13in laptops its all funky looking how do I create pages more responsive to the size of the user device? 

3 answers

0 votes
Jignesh Patel January 27, 2022

Hi @Bill Bailey & @Pramodh M  I did make sure that the tables are set to responsive the issue is that the webpage it self is not responsive I think this has to do with Confluence itself I did find an article where you can change the HTML code but I tried that it didn't work. 

0 votes
Pramodh M
Community Champion
January 27, 2022

Hi @Jignesh Patel 

The tables are responsive by default, and pages become horizontally scrollable if you have a smaller screen on desktop mode.

Could you please include the screenshot to show us the image of how it's displaying!!

Thanks

Jignesh Patel January 27, 2022

Hi @Bill Bailey & @Pramodh M  I did make sure that the tables are set to responsive the issue is that the webpage it self is not responsive I think this has to do with Confluence itself I did find an article where you can change the HTML code but I tried that it didn't work. 

0 votes
Bill Bailey
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
January 27, 2022

Hello @Jignesh Patel , make sure your tables are set to responsive and do not have their column widths manually set.

Also make sure you have not pasted content from another HTML source as that can paste in formatting as well.

Bill Bailey
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
January 27, 2022

I think we need some screenshots to really understand what is going on. One thing I have seen in the past is that people with small screens often have scaling set to 150% at the system level. This setting can cause pages to not act the way you would expect.

Jignesh Patel January 27, 2022

Untitled.jpg

 

@Bill Bailey My zoom is at 75% and on 13in laptop what saying is I think page itself not responsive build. If I zoom out to 50% then I can see the entire page

Bill Bailey
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
January 27, 2022

If resizing the image to smaller does not fix the problem, I hate to tell you, that if it is an issue with all pages, then you will have to live with it. You have ZERO control over the CSS with Cloud. 

I would check to see if this is a known issue that might be being worked. Or you need to file one.

Jignesh Patel January 27, 2022

@Bill Bailey   thanks for the feed back. 

Suggest an answer

Log in or Sign up to answer
TAGS
atlassian, atlassian community, loom ai, atlassian loom ai, loom, atlassian ai, record recaps of meetings, meeting recaps, loom recaps, share meeting recaps,

Loom’s guide to great meetings 📹

Join us to learn how your team can stay fully engaged in meetings without worrying about writing everything down. Dive into Loom's newest feature, Loom AI for meetings, which automatically takes notes and tracks action items.

Register today!
AUG Leaders

Atlassian Community Events