Hi all. Here’s a simple one: Is there a way to change the layout of the edit screen (or detail screen, for that matter) so that instead of: Label_1 Textbox_1 Label_2 Textbox_2 I can display it in a tabular 2-column format like: Label_1 Textbox_1 Label_2 …

Yes, you can use CSS, but is tricky… and you might wanna turn it off on mobile… [Screen Shot 2022-10-10 at 5.47.17 PM] [image] Code BOOK - Desktop share cool CSS, scripts and links [image] Schedule Appointment Schedule paid appointments, for Go…

Well. . . I guess I was hoping for a non-CSS solution. Actually I do want it on mobile. There are a number of fields, and they’re all either short strings or small numbers. Plenty of width even on a handheld form factor. I actually assumed this would be really easy on Pages, but I’ve only worked wi…

you can use basic table component, for simple solution, or compact inline list

This is for an edit page, so the table component, which appears to be read-only, isn’t suitable (correct me if I’m wrong). I don’t see an option for a “compact inline list” (just good old “inline list”) but maybe that’s a Pages thing.

oh… sorry… then only CSS on a custom form, not native Glide form. [Store Demo]

Would you consider leaving the label fields empty and entering the label text in the placeholder field? [Screenshot 2022-10-11 at 00.59.21]

Good thought. I’ve gone back and forth on empty text over the years. On a “create new” form they can work out pretty well, but on an edit form one doesn’t really ever see the empty text, unless one or more fields happens to be empty. But definitely an option. Thanks!

I seem to recall that @Manu.n shared a very nice example of side by side input components using CSS. I can’t find it right now, but it would be worth hunting down. Most of his samples were copyable.

[image] CSS Choice Multiple Community Resources bonjour @SantiagoPerez something like that ??? [image] <pre><span><style> /* Choice 1 (2nd component) */ div[id*='screenScrollView'] > div > :nth-child(2) { margin-left:-5px; width:150px; } /* Choice 2 (3eme component) …

I’m. . . not quite sure what I’m looking at there. You did manage to put 3 controls (er, components) side-by-side, so that’s similar to what I’m trying to accomplish. I only need a single component on each line, but I’d like the label and the control associated with that label to be arranged horizo…

Two-Column (Table-style) Edit Screen Layout?

Ask for Help

ThinhDinh October 11, 2022, 10:59pm 10

Here you go.

Topic		Replies	Views
View/Edit Rows of table used by "MyApp" by building an additional Glide "MyAppEdit" app Ask for Help	3	261	August 24, 2023
Edit Collin values in a table (not in data, in layout) Ask for Help	1	39	July 3, 2024
Is there no longer possible to make a grid with 3 rows? Ask for Help	4	256	April 13, 2023
Edit button is not displaying all the columns from the data sheet Ask for Help	4	142	February 25, 2024
Column Layout Feature Requests	5	870	January 21, 2020

Two-Column (Table-style) Edit Screen Layout?

Related topics