# \[Solved\] Can I use a column to show/hide content in my app? **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** solved, layouts\ **Created:** [January 14, 2021, 2:47pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722 "2021-01-14T14:47:45Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)\ **Post date:** [January 14, 2021, 2:47pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/1 "2021-01-14T14:47:45Z")
Hello, I have a little problem I would like to know why when you have an invisible column with Scrollable = true Height = Fill container Width Fill container The column takes 50% of the screen is this normal? Tested on IOS,Android,Web @drted thanks ---
**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\ **Post date:** [January 14, 2021, 3:29pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/2 "2021-01-14T15:29:00Z")
web, ios, or android? There are a number of known and long-standing issues with column sizing. For example: > > > Platform > Web and Android Live Test > Issue/Request Origin > self > Steps to Reproduce > Create new project > add a column > 3.set column property to scrollable > set border to some color and... ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [January 14, 2021, 3:40pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/3 "2021-01-14T15:40:10Z")
Can you add a screenshot/MWE please @kushweez? Also, wondering why an “invisible” column needs to have height and width of `Fill Container` if no one can see it? ---
**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\ **Post date:** [January 14, 2021, 3:43pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/4 "2021-01-14T15:43:59Z")
How do you know the exact sizing of the column if it is invisible? Do you mean that 50% of the screen is unoccupied, at the same spot where the column should be? ---
**Author:** ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)\ **Post date:** [January 14, 2021, 4:12pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/5 "2021-01-14T16:12:02Z")
@domhnallohanlon It doesn’t matter even if the column is set to Fit contents Fill container 50% Bottom I have for example a display that should appear after the button is pressed. ![9c1ab8e4a6e1c2c5d379167e8f6b0831](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/8/58f6217c43b26b375b7d547b7f95ec80a8d5e7e0.gif) Web : ![8597ab930754cb47d142c8907f610e32](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/b/6b5cfd4cfdf3ec91f98408cf538ef9308b69ff2b.jpeg) IOS : ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/d/fd16ba67bd0edf07719ef147785f7b8bd46b1cf7.jpeg) Android : ![Screenshot_20210114_170635_com.thunkable.live](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/e/fea72edc4203146776ffc3b4144fa53276c3fdab.jpeg) ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [January 14, 2021, 4:28pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/6 "2021-01-14T16:28:58Z")
> [@kushweez](#): > > Bottom I have for example a display that should appear after the button is pressed. So, pressing the button should toggle the visibility of the red column, am I understanding you correctly @kushweez? * * * UPDATE: Here’s a sample that toggles the visibility of two columns. When the button is pressed, one col disappears and the other takes up app available screen space: [https://x.thunkable.com/projectPage/600071bd91ce06001130e121/](https://x.thunkable.com/projectPage/600071bd91ce06001130e121/) ---
**Author:** ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)\ **Post date:** [January 14, 2021, 4:35pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/7 "2021-01-14T16:35:07Z")
But for example I have a lot of content in the column and must absolutely be scrollable. So no matter how you tilt the visibility, the column will always take up as much space on the screen. When it is red the column is visible, when you see the background it is invisible but it is the red column that takes the place on the screen. The screen is set to TOP alignment ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [January 14, 2021, 4:37pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/8 "2021-01-14T16:37:06Z")
> [@kushweez](#): > > So no matter how you tilt the visibility, I have them set to Fill Container. Are you trying to make them an absolute size? ---
**Author:** ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)\ **Post date:** [January 14, 2021, 4:38pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/9 "2021-01-14T16:38:06Z")
Please enable the Scrollable on the column, it is the nature of the problem. I tried this : Fit contents Fill container 50% ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [January 14, 2021, 4:39pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/10 "2021-01-14T16:39:58Z")
> [@kushweez](#): > > Please enable the Scrollable Got it - I think I see it now. Can you please refresh the sample project I linked to above and let me know if that’s exhibiting the same behaviour. Thanks. ---
**Author:** ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)\ **Post date:** [January 14, 2021, 4:42pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/11 "2021-01-14T16:42:20Z")
Same behavior on each device That is to say that normally the column that becomes visible (green) should take the place of the column that is invisible (orange) but the invisible block is as always after being invisible. ![852aac29d77f4eb56ea6d3a381f4e35e](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/a/ba22c9ee8bb1a65f9d86d8775587506490b62e13.gif) ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [January 14, 2021, 4:51pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/12 "2021-01-14T16:51:31Z")
Perfect - yeah, that doesn’t look quite right to me. Ok, final question - is there any possibility you can use a new screen instead of toggling the visibility of a column? ---
**Author:** ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)\ **Post date:** [January 14, 2021, 4:54pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/13 "2021-01-14T16:54:01Z")
Of course this is possible, I have found an alternative. But I already have a lot of screens and it’s not recommended to have more than 10. I’m already 15 screens if I had to do this for each screen it would be complicated and I would end up with 30 lol screens. Will it be possible to have a correction on this soon ? ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [January 14, 2021, 5:07pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/14 "2021-01-14T17:07:08Z")
> [@kushweez](#): > > it’s not recommended to have more than 10. That was a limitation of our Android-only Classic platform. The current, cross-platform version of Thunkable has no such limitation, you’re free to have as many screens as you want. From a maintenance perspective though, you probably don’t want 30 screens since it makes updates unnecessarily time consuming. How about taking a more dynamic, data-drive approach such as this: > [@Create multiple "Categories" in your app with just 1 Screen](http://community.thunkable.com/t/create-multiple-categories-in-your-app-with-just-1-screen/916950): > > In this tutorial we will look at how to dynamically add content to a screen in Thunkable. Take a look at the template here: [Thunkable](https://x.thunkable.com/projectPage/5f848c54bd53ef6e45c4bf89) Intro This app looks like it might have 6 screens, but in reality it has only 2. There is 1 screen for the menu and then 1 “template” screen that we dynamically update depending on what button is pressed. Design In this app all the settings are defined in the blocks. This is really useful if you want to resize several compo… There are only 2 screens in this app (1 for content and 1 for the menu) but from the users perspective there are 6 screens. Similarly, this “A - Z of Thunkable” app uses the same approach to condense 30+ screens of content into just 3: > [@Creating a Dynamic Dictionary and Quiz app](http://community.thunkable.com/t/a-is-for-alert/272647): > > Originally published Oct 2019 Revised & Updated Feb 2022 One pitfall that often catches out new Thunkers is creating more screens in their projects than they need to. Two classic examples of this are the Dictionary app and the Quiz app. As a new user, it’s easy to think that if you need 1 screen for 1 question then you need 50 screens for 50 questions. The knock on effect of this approach is that any future updates become more time consuming. This is especially true of UI changes since you wil… Would something like this work in your scenario? ---
**Author:** ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)\ **Post date:** [January 14, 2021, 5:11pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/15 "2021-01-14T17:11:07Z")
Yes thank you for the details ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 1:30pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/16 "2024-11-08T13:30:49Z")
---
**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\ **Post date:** [December 19, 2024, 5:01pm UTC](https://community.thunkable.com/t/solved-can-i-use-a-column-to-show-hide-content-in-my-app/1049722/17 "2024-12-19T17:01:02Z")