# How to do Multiple columns on phone format for inputs **URL:** \ **Category:** Ask for Help\ **Created:** [April 4, 2025, 1:58am UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171 "2025-04-04T01:58:29Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![jason\_zeller](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_zeller/32/81844_2.png) [@jason\_zeller](https://community.glideapps.com/u/jason_zeller)\ **Post date:** [April 4, 2025, 1:58am UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/1 "2025-04-04T01:58:29Z")
I am trying to build an app that runs calculations based on several inputs. I posted about it yesterday and usung ai I was able to work through a lot of my setup and got my tables set up and my fornulas all working. But now i am trying to build the UI for data input and it seems all i can do on a phone is a vertical lists for choice and number components. There is about 7 inputs and 2 outpurt and i would like to make it more compact so there isnt scrolling. Any advice on how to organize the UI would be greatly appreciated. ---
**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\ **Post date:** [April 4, 2025, 10:42am UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/2 "2025-04-04T10:42:18Z")
For input fields, you can remove the title label and indicate the title as a placeholder instead. ![Screenshot 2025-04-04 at 13.30.43](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/9/e9b147a9cb9bd869940fe47d9aad69f091c7aa0d.png) ---
**Author:** ![Federico\_Fleitas](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/federico_fleitas/32/77461_2.png) [@Federico\_Fleitas](https://community.glideapps.com/u/Federico_Fleitas)\ **Post date:** [April 4, 2025, 11:11am UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/3 "2025-04-04T11:11:22Z")
Hi Friend, You have try use the Custom AI component?, you can desing a image and ask the component to recreate your image but with input and output fields, ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/2/928104651c25cbf41e592b1acbaead213813a59f.png) I designed these components only based on images that I created myself (sorry for the deletions, but it is important information) ---
**Author:** ![jason\_zeller](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_zeller/32/81844_2.png) [@jason\_zeller](https://community.glideapps.com/u/jason_zeller)\ **Post date:** [April 4, 2025, 12:05pm UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/4 "2025-04-04T12:05:33Z")
Thank you. This may not be exactly what i am looking for but it will help me keep it more compact to fit more inputs on the screen without scrolling. It just feel like I should be able to make the fields narrower and fit 2 next to each other. Same with my output. I have 2 outputs and I want them to be big numbers but one on the left and on the right I may experiment with button blocks and pushing a button to pull up a new input screen but I want to keep it as streamline as possible. ---
**Author:** ![Federico\_Fleitas](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/federico_fleitas/32/77461_2.png) [@Federico\_Fleitas](https://community.glideapps.com/u/Federico_Fleitas)\ **Post date:** [April 4, 2025, 12:09pm UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/5 "2025-04-04T12:09:17Z")
You can use Containers, and Big numbers, you have a image of reference ---
**Author:** ![jason\_zeller](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_zeller/32/81844_2.png) [@jason\_zeller](https://community.glideapps.com/u/jason_zeller)\ **Post date:** [April 4, 2025, 12:12pm UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/6 "2025-04-04T12:12:15Z")
Here is what I had setup when I was using Open as App. They are changing things up and i can no longer use it. ![1000002127](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/9/7919db7823947fa2393912d2698a6677bb274234.jpeg) ---
**Author:** ![jason\_zeller](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_zeller/32/81844_2.png) [@jason\_zeller](https://community.glideapps.com/u/jason_zeller)\ **Post date:** [April 4, 2025, 1:26pm UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/7 "2025-04-04T13:26:10Z")
How do you get 2 containers next toneach other on a phone. Insee it works for large format screens but itnseems onba phone itnhasr tk be atacked. ---
**Author:** ![jason\_zeller](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_zeller/32/81844_2.png) [@jason\_zeller](https://community.glideapps.com/u/jason_zeller)\ **Post date:** [April 4, 2025, 3:00pm UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/8 "2025-04-04T15:00:30Z")
I think I have found some work arounds using buttons and actions. Thoughts on this layout ![1000002175](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/9/a9f12dcf09cfcc621ea690a4c9065b1d07f3cb38.jpeg) ---
**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:** [April 5, 2025, 1:38am UTC](https://community.glideapps.com/t/how-to-do-multiple-columns-on-phone-format-for-inputs/81171/9 "2025-04-05T01:38:42Z")
Natively with Glide components. containers stack on each other on smaller devices. As Federico suggested, you can try doing it with a custom component, either: - Telling it to use a rule to setup spacing based on device width. - Design 2 different components for mobile and desktop, and display them based on the Device \> Screen Size variable.