# Page and mobile layout

**URL:** https://community.glideapps.com/t/page-and-mobile-layout/60835
**Category:** Feature Requests
**Created:** [April 22, 2023, 11:24am UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835 "2023-04-22T11:24:23Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![Albert\_Puig](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/albert_puig/32/84707_2.png) [@Albert\_Puig](https://community.glideapps.com/u/Albert_Puig)
#### Post date: [April 22, 2023, 11:24am UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/1 "2023-04-22T11:24:23Z")

</div>

Hi everybody,

I’am recently trying a new project in pages. I was wondering if there is a way to built diferent layouts for pages and mobile. So the user see diferent component in case is using a desktop or mobile. As far as I have explored, sometimes the page layout is not as nice in the mobile version.

Any other options?

Many thanks.

Albert Puig

---

<div class="post-metadata">

### Author: ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)
#### Post date: [April 22, 2023, 11:34am UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/2 "2023-04-22T11:34:23Z")

</div>

Have you tried the detect device integration? It might provide what youre looking for in temns of visibility settings.

---

<div class="post-metadata">

### Author: ![Albert\_Puig](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/albert_puig/32/84707_2.png) [@Albert\_Puig](https://community.glideapps.com/u/Albert_Puig)
#### Post date: [April 22, 2023, 3:07pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/3 "2023-04-22T15:07:45Z")

</div>

Hello Joe,

I’ve just tried and I guess this might work for the loged users but what about the ones that only visit the page without sign in in the very beginig? Any tips will be apreciate 😉

Many thanks!

Albert

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [April 22, 2023, 3:20pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/4 "2023-04-22T15:20:37Z")

</div>

> [@Albert\_Puig](#):
>
> I’ve just tried and I guess this might work for the loged users but what about the ones that only visit the page without sign in in the very beginig?

It should work the same for both. The only difference with Signed In users is that you can save the value in their User Profile, if you want. But you can still use the Integration to detect device attributes for non-signed in users (visitors).

---

<div class="post-metadata">

### Author: ![Albert\_Puig](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/albert_puig/32/84707_2.png) [@Albert\_Puig](https://community.glideapps.com/u/Albert_Puig)
#### Post date: [April 22, 2023, 3:24pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/5 "2023-04-22T15:24:42Z")

</div>

Oh, thats great. Could I have more details of how to do so? Thanks ;)!

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [April 22, 2023, 3:50pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/6 "2023-04-22T15:50:32Z")

</div>

It should just be a matter of adding a column to capture the appropriate device attribute, and then you could use that to control component visibility conditions. If you’re doing it for visitors, then you may need to ether add the column to several tables, or add it to one table and then use it as a single value in any other tables where it’s needed.

To be honest, I’m not sure which attribute would be most reliable - perhaps Window Height/Width? I think it’s something you’d need to experiment with using different devices.

---

<div class="post-metadata">

### Author: ![Albert\_Puig](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/albert_puig/32/84707_2.png) [@Albert\_Puig](https://community.glideapps.com/u/Albert_Puig)
#### Post date: [April 22, 2023, 4:22pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/7 "2023-04-22T16:22:50Z")

</div>

Sounds great, but just one last question.

How could I capture the device type without any user interaction since the first welcome first screen has to be different already… Many thanks for your help in advanced ;)!

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [April 22, 2023, 4:24pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/8 "2023-04-22T16:24:06Z")

</div>

> [@Albert\_Puig](#):
>
> How could I capture the device type without any user interaction since the first welcome first screen has to be different already

It’s a computed column, so it should be available as soon as the App is loaded.

---

<div class="post-metadata">

### Author: ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)
#### Post date: [April 22, 2023, 5:16pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/9 "2023-04-22T17:16:34Z")

</div>

Does this consume an Update every time a user uses the app? Or more like the Distance Column that does not?

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [April 22, 2023, 6:50pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/10 "2023-04-22T18:50:43Z")

</div>

I assume it wouldn’t use any updates because it computed client side.

---

<div class="post-metadata">

### Author: ![Albert\_Puig](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/albert_puig/32/84707_2.png) [@Albert\_Puig](https://community.glideapps.com/u/Albert_Puig)
#### Post date: [April 23, 2023, 10:21am UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/11 "2023-04-23T10:21:20Z")

</div>

OK Great. Thank you all ;)! Have a noce sunday.

Albert

---

<div class="post-metadata">

### Author: ![Albert\_Puig](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/albert_puig/32/84707_2.png) [@Albert\_Puig](https://community.glideapps.com/u/Albert_Puig)
#### Post date: [April 23, 2023, 10:26am UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/12 "2023-04-23T10:26:45Z")

</div>

Just one more question about this, is there an option to capture the mobile lenguage with this integration so we offer the proper lenguage to the user straight away?

Many thanks.

Albert

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [April 23, 2023, 1:40pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/13 "2023-04-23T13:40:07Z")

</div>

This in a javascript column will provide the user’s language code.

```auto
return window.navigator.language;

```

---

<div class="post-metadata">

### Author: ![Albert\_Puig](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/albert_puig/32/84707_2.png) [@Albert\_Puig](https://community.glideapps.com/u/Albert_Puig)
#### Post date: [April 23, 2023, 2:04pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/14 "2023-04-23T14:04:18Z")

</div>

Oh great. I think I founded the type column but still havo some doubts of how to fill the fields. Here an screen shoot:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/6/86761f2ceb307609e789f8c1b07944ffa1db497d.jpeg)

Any extra advise of how to conclude?. Many thanks in advanced;)

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [April 23, 2023, 4:55pm UTC](https://community.glideapps.com/t/page-and-mobile-layout/60835/15 "2023-04-23T16:55:37Z")

</div>

I don’t know how you plan to show different languages, but you could use that language code with an IF column to return different values based on language, or you could pass it into a third party service that might do translations.
