Layouts or views in mobile devices

Is there a means of controlling the layouts displayed on mobile devices? I’m using a detailed view during development from a desktop, but on the same mobile device it seems to render either a table or a modified version of the detail view without any obvious logic. In addition the display of fields in the detail view don’t appear to correlate to the order specified on the desktop layout.

Updated: Found mobile FAQs https://help.coda.io/en/articles/2447542-coda-mobile and explains rendering rules. Is there a means to influence rendering other than by gaming it i.e. by deliberately leveraging the following rules:

  1. If the display column is hidden, you won’t see cards since there’s not a clear column to choose as the title for the card.
  2. If your table has many numeric columns, you’ll see it as a table will column headers so it’s clear what each number represents.
1 Like

There’s an algorithm that handles the mobile layout, so no individual settings to force these types of things.

For some docs though, I’ve created a “Mobile” section and added views of tables in the way that displays best on mobile. You could even create section links at the top of each section for “Mobile / Desktop” so it’s really easy for the user to “switch views” so-to-speak.

1 Like

Dear @Chris_Joseph,

Search in the template gallery for “Equipment Inventory Management”, created by @BenLee

It’s a good example on how to create a mobile friendly app.

Checking out the template for insight, thank you both.

@BenLee I have been searching the community boards for a HOW_TO on implementing this behavior. Spent a lot of time building different Layouts corresponding to different Views of the same Table. But when testing my workflows on mobile and desktop, there are random times where I’m seeing the incorrect Layout displayed. How can you set different views to only use a specific layout, even if they are linked to the same table?

Hi @Charles_Jing,

Welcome to the Coda Community!

If you’re talking about mobile layouts of tables, there isn’t really a way to force this. Coda uses an algorithm to determine what gets shown where on the mobile “card”. The mobile “card” correlates to a desktop row.

One sort of cheat is if you hide the display column on a view, it will force the display of a table view on mobile. Also, if there are a lot of number fields to show, it may force a table view on mobile.

A last thing to mention, if the table is sometimes blank, zero rows displayed, when an empty row does get added, the layout may change depending on what data is added into the row.

Ben

2 Likes

Hi @BenLee :wave::wave:

Shoutout to @Paul_Danyliuk who explained how to do this in his post

2 Likes