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 Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
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
AUG Leaders

Atlassian Community Events