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,299,758
Community Members
 
Community Events
165
Community Groups

Tables and panels display poorly in mobile interface.

We've observed that, when using the mobile interface, whether using default settings or custom CSS, tables have no border/cell lines, and cells don't have padding.

Panels seem to behave in the same way.

So these parts of our sites are difficult to read when viewing on mobile.

Does anyone know of solutions for this behavior?

We're on Confluence 7.15.1.

 

1 answer

0 votes
Brant Schroeder Community Leader Apr 29, 2022

@Timothy welcome to the Atlassian community

Can you please share a screenshot?  

Here's a screenshot. The "Need Help" chunk is supposed to appear as a panel. The content after the HR is a table.

I forgot one other issue: The Expand macro doesn't expand in the mobile interface. Like, in this screenshot, the "Zoom Quick Start Guide" link is an Expand macro. It doesn't respond when you tap it.

Confluence_mobile.png

Brant Schroeder Community Leader May 02, 2022

@Timothy do you have any apps you are running?

I'm not sure. How would I know if we're running any apps, so that I can confirm?

Brant Schroeder Community Leader May 03, 2022

@Timothy I did some additional testing.  You are accessing the site through a mobile browser and not through a mobile app. The table formatting is removed on our server instance when I access it through the mobile browser as well.  I use the mobile app because it has more functionality then the site on a mobile browser.  Looks like this is the default behavior.  

Thank you for this info, Brant!

So you're saying there's nothing we can do to improve the mobile site through a browser?

We're expecting that most of our users will access our pages in this manner, which is going to make our pages appear badly.

Brant Schroeder Community Leader May 04, 2022

The only thing I can think of is being able to identify what stylesheet is used by the mobile browser view and override it with your own CSS.  It obviously does not use any of the standard styling.  You could also submit it as an enhancement request or bug here: https://jira.atlassian.com/secure/Dashboard.jspa

Thank you for all your help!

Suggest an answer

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

An update on Confluence Cloud customer feedback – June 2022

Hi everyone, We’re always looking at how to improve Confluence and customer feedback plays an important role in making sure we're investing in the areas that will bring the most value to the most c...

315 views 2 6
Read article

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