# CSS Entry Fields on same line? Is it possible?

**URL:** <https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729>\
**Category:** Community Resources\
**Created:** [February 13, 2021, 4:45pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729 "2021-02-13T16:45:16Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [February 13, 2021, 4:45pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/1 "2021-02-13T16:45:16Z")

</div>

@ThinhDinh , @Robert_Petitto, @Jeff_Hager . Do either of you know if it is possible to use CSS to take data entry fields and instead of them having their own line put 3 or more on the same line and make the field length shorter?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 13, 2021, 5:48pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/2 "2021-02-13T17:48:24Z")

</div>

Could def make them shorter, but prob not on their own lines… cant change The html where it’s one div per component

---

<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:** [February 13, 2021, 5:59pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/3 "2021-02-13T17:59:33Z")

</div>

I know I’ve ran into issues with items contained within separate DIV tags. I think it was when I was trying to manipulate the number of columns in an inline list. I think I’ve seen examples (or rather, attempts) of buttons being placed next to each other before we had the button bar, but I’m not sure how well that went or if anybody achieved a good example. I assume other components would work the same, but would probably take some ugly css manipulation and positioning to get it to work right on all device OS’s, browsers, screen sizes.

> [@Side by side buttons using CSS. Doesn't work in Safari, help needed](https://community.glideapps.com/t/side-by-side-buttons-using-css-doesnt-work-in-safari-help-needed/18712):
>
> Hi! I can’t figure out why in Safari it is impossible to put three buttons in a row. Please tell me what should be the css code? Additional question: for some reason the buttons become inactive if you add text. below App - [https://elochka.glideapp.io/](https://elochka.glideapp.io/) I am currently using the following code: .fZlvaI { width: 33.33%; float: left; } .kmCjyN { display: unset; } [data-test=“app-button-view”] { margin: 6px; }

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [February 13, 2021, 6:07pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/4 "2021-02-13T18:07:22Z")

</div>

Thank you guys for the response. I didn’t think it would be possible but I figured before I went down that rabbit hole I would ask the best. Thanks again.

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [February 13, 2021, 6:07pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/5 "2021-02-13T18:07:59Z")

</div>

That will be another app I have to build in Adalo… ☹

---

<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:** [February 13, 2021, 6:25pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/6 "2021-02-13T18:25:05Z")

</div>

Yeah, with the exception of my calendar app, I try to keep any CSS to a bare minimum. Just slight alterations to component appearance. Too much and it starts to become a headache with all the extra testing, and then adding or removing other components might throw things out of whack, or glide makes a change that causes the CSS to stop working.

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [February 13, 2021, 6:52pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/7 "2021-02-13T18:52:27Z")

</div>

I agree.  
I use CSS mainly for RTL alignment, BG and LOGO.  
Try to keep to minumum

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [February 13, 2021, 6:57pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/8 "2021-02-13T18:57:51Z")

</div>

I can’t wait for us to do this natively in glide. have so many use cases for that.

also, general ability to design entry fields will be great like shortening the lengh and center/right/left position on screen or number entry with +/- small buttons on each side of thr entry field…

---

<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:** [February 13, 2021, 11:02pm UTC](https://community.glideapps.com/t/css-entry-fields-on-same-line-is-it-possible/22729/9 "2021-02-13T23:02:26Z")

</div>

As people have pointed out, I don’t think we can do this now but would love it, for example to have an address input where I split it in multiple fields.
