# Mobile app version exclusively

**URL:** https://community.glideapps.com/t/mobile-app-version-exclusively/64519
**Category:** Ask for Help
**Created:** [July 30, 2023, 7:22pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519 "2023-07-30T19:22:45Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 30, 2023, 7:22pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/1 "2023-07-30T19:22:45Z")

</div>

Can we create a mobile app version exclusively, so that if someone attempts to access it on a computer or tablet, a message will be displayed indicating that the app can only be viewed on a phone?

---

<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: [July 30, 2023, 8:33pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/2 "2023-07-30T20:33:45Z")

</div>

On your main tab, you can make a visibility setting to display the components or collections only when device is detected as mobile and only show an error message if not.

And also add that same visibility to all Tabs except the main tab so all they see if the main tab + error message

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 30, 2023, 9:31pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/3 "2023-07-30T21:31:30Z")

</div>

@Joe_Gabriele. Thank you for your comment. I tried that. If you hide the Tab, it hides it from both the Mobile and Desktop screen.

---

<div class="post-metadata">

### Author: ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)
#### Post date: [July 30, 2023, 9:49pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/4 "2023-07-30T21:49:16Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/d/4ddaaf406eec228d622a05670f89eea7c87d6bc5.jpeg)  
May be you can try device info for visibility key?

---

<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: [July 30, 2023, 10:00pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/5 "2023-07-30T22:00:34Z")

</div>

Thats why you have to leave 1 tab alone and only apply the visibility setting to the components

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 30, 2023, 11:33pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/6 "2023-07-30T23:33:55Z")

</div>

@slscustom.ru, your solution helped me some. I will have to do it for every screen. I wish it was possible to do it once for all the screens and then display a message if someone is not using mobile. Thanks for your help.

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 30, 2023, 11:35pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/7 "2023-07-30T23:35:22Z")

</div>

@Joe_Gabriele, that is a good idea. However, it would take a lot to do that for all the tabs. Thanks.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 30, 2023, 11:39pm UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/8 "2023-07-30T23:39:13Z")

</div>

How many tabs do you have though?

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 31, 2023, 1:02am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/9 "2023-07-31T01:02:07Z")

</div>

@ThinhDinh, I have 5 tabs.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 31, 2023, 1:12am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/10 "2023-07-31T01:12:38Z")

</div>

Then I don’t think it’s that bad to have a tab-level visibility condition for those 5 tabs.

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 31, 2023, 1:16am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/11 "2023-07-31T01:16:53Z")

</div>

@ThinhDinh, I am thinking for future project that will be about 15 screens. Right now, this is doable by Tab-level visibility but not by components on each Tab. That would even be way too much work.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 31, 2023, 1:19am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/12 "2023-07-31T01:19:13Z")

</div>

So you need component-level visibility as well? Wouldn’t the tab level enough, if you don’t want them to see anything on desktop?

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 31, 2023, 1:23am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/13 "2023-07-31T01:23:55Z")

</div>

@ThinhDinh, No, I do not need component-level. In fact, what I really need is App-Level visibility. Set it once for the app and be done with it. I am trying to make this visible to mobile phones only.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 31, 2023, 1:29am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/14 "2023-07-31T01:29:02Z")

</div>

Yeah, so the recommendations above will work for you. You can not have an app-level visibility, but you can restrict non-mobile users to not see anything except a warning that this app should only be used on mobiles.

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 31, 2023, 1:39am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/15 "2023-07-31T01:39:20Z")

</div>

@ThinhDinh, Just to make sure. I had to set a ScreenWidth and test to see if it’s less or equal to 450px for the visibility. When I browse the app on a desktop though, it still shows the app title but nothing else. Is this best way to do this or is there a better way?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 31, 2023, 1:41am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/16 "2023-07-31T01:41:39Z")

</div>

- Use the Device Info integration to check the screen width of the signed-in user

- Use a tab visibility condition of something like “Screen Width of signed-in user \< 600” (just an arbitrary number).

- Have a tab that shows for “Screen Width of signed-in user \>= 600” and show the warning that this app should only be used on mobiles.

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 31, 2023, 1:49am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/17 "2023-07-31T01:49:27Z")

</div>

@ThinhDinh, I got all of that with the exception of “show warning”. I do not see anyway to show the warning if it fails the test.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 31, 2023, 2:05am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/18 "2023-07-31T02:05:25Z")

</div>

Have you created a specific tab for that warning?

---

<div class="post-metadata">

### Author: ![Monj](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monj/32/62349_2.png) [@Monj](https://community.glideapps.com/u/Monj)
#### Post date: [July 31, 2023, 2:10am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/19 "2023-07-31T02:10:23Z")

</div>

@ThinhDinh, I am sorry but I do no think I understand your question. I am hiding the home tab with the tab-level visibility so that users don’t have access to the app.

---

<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: [July 31, 2023, 2:20am UTC](https://community.glideapps.com/t/mobile-app-version-exclusively/64519/20 "2023-07-31T02:20:33Z")

</div>

Add one additional tab that is only visible when the resolution is larger than 600. Basically the opposite of the condition use to show the normal tabs. On that extra tab, add some text as a warning.

[Next page](https://community.glideapps.com/t/mobile-app-version-exclusively/64519.md?page=2)
