# Custom screen per device

**URL:** <https://community.glideapps.com/t/custom-screen-per-device/31065>\
**Category:** Ask for Help\
**Created:** [August 28, 2021, 5:42am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065 "2021-08-28T05:42:58Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 5:42am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/1 "2021-08-28T05:42:58Z")

</div>

Hi guys,  
Is there any way we can tell which device the user logged in from (mobile, tablet, desktop)?  
I would like to use visible conditions and display a different design for each device.  
for example:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/d/5d71e7b09c6ab6a4d713fd3e15e47b1574751934.png)  
I would like to use different CSS here:  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/d/8db02efb8d07a67637d5e4af4bb9ee6adde117c3.png)  
maybe in the table App: Logins we can get a field “device”?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 5:44am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/2 "2021-08-28T05:44:18Z")

</div>

you can use YC column to get device info

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 5:45am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/3 "2021-08-28T05:45:44Z")

</div>

> [@Uzo](#):
>
> YC

YC?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 5:45am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/4 "2021-08-28T05:45:56Z")

</div>

yes

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 5:46am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/5 "2021-08-28T05:46:31Z")

</div>

I mean what is it?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 5:46am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/6 "2021-08-28T05:46:50Z")

</div>

Yes Code column (Experimental Column)

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 5:49am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/7 "2021-08-28T05:49:12Z")

</div>

looking for a no code solution…  
I am very basic in my coding knowledge.  
is there a prepared function I could copy?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 5:51am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/8 "2021-08-28T05:51:37Z")

</div>

there is no No Code solution for now

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 5:59am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/9 "2021-08-28T05:59:58Z")

</div>

> [@Agent for information](https://community.glideapps.com/t/agent-for-information/29981):
>
> Hello, When troubleshooting a user, it can be helpful to know their system configuration. [image] Link for YC [https://Agent.manun2.repl.co](https://Agent.manun2.repl.co)

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 6:03am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/10 "2021-08-28T06:03:11Z")

</div>

> [@Agent for information](https://community.glideapps.com/t/agent-for-information/29981/1):
>
> [https://Agent.manun2.repl.co](https://Agent.manun2.repl.co)

That looks helpful but the like isn’t working

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 6:09am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/11 "2021-08-28T06:09:45Z")

</div>

i made a sample for you… it will detect if you are on mobile or desktop

> **[StructureArt's App testing](https://sa-test2.glideapp.io/)**

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 6:11am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/12 "2021-08-28T06:11:53Z")

</div>

That’s grate!  
How can I see it in the builder?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 6:13am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/13 "2021-08-28T06:13:06Z")

</div>

use the YC I gave you

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 6:16am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/14 "2021-08-28T06:16:19Z")

</div>

Unfortunately that’s beyond my coding skills.  
Hope Glide will provide a no code solution.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 28, 2021, 6:18am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/15 "2021-08-28T06:18:47Z")

</div>

is all there, just use that link in the experimental column and it will give you all the info… then add the IF ELSE column to get boolean if is MOBILE or DESKTOP

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [August 28, 2021, 6:22am UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/16 "2021-08-28T06:22:47Z")

</div>

> [@Agent for information](https://community.glideapps.com/t/agent-for-information/29981/1):
>
> [https://Agent.manun2.repl.co](https://Agent.manun2.repl.co)

ohh I see now:  
Thank you!!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/a/2a93ebe6f003ee81503db8ac90ad68faa2b87e2b.png)

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:50pm UTC](https://community.glideapps.com/t/custom-screen-per-device/31065/17 "2024-01-17T16:50:40Z")

</div>


