I currently have a project page where users will be able to see their projects and all related data. Now the thing is when I want them to edit/update something, I only have 2 options, right? I can either make a detail screen or an edit screen of a project’s page. Both screens can be populated with editable elements.
But since I do not have CSS options on the starter plan, the font size etc. is locked AND I do not want to overwhelm users with too much scrolling. It should by clean and simple. My edit screen currently looks like this:
How do I add more editable elements here, in a clean and simple way?
IDEA 1: Vertical select / dropdown list
Users click on an item and a value is written to their profile. Containers are then shown / hidden based on this value. Usability is fine I guess, but not perfect…
IDEA 2: Button block
Like above, but there is always a primary and several secondary buttons so this is not usable
I am looking for something a bit more usable for Glide Pages. Like an accordion or submenu or more options for the buttons. Any ideas from your side?
In button block you can have primary button action as none which will hide the primary button and then you can use new screens inside the buttons or have the action as set columns and based on the button click the users will see the form
Hey Thinh, yes, thanks for your ideas! But can you please clarify this “slide-in”? It’s just a modal with the screen sliding in, at around 30% of the screen, how should this give me more space?
My thinking was that the slide in option will give you more vertical space within the space it already occupies.
The “pop-up” option is sometimes too big for my liking, and if I recall right, if you add too many components then you will have to scroll down instead of it growing with the set of components.
On load only the Company Name Container should be visible, when clicking on another button it should hide all other containers and show only one, Company Type in this case.
When Submitting all Fields should be Inserted or Updated.
Precisley! Using a Choice component can be a good option, though it might rack up your update count if you have 100’s of users navigating like this daily:
Like @Darren_Murphy mentioned above, make a value column and add values to the dropdown list like 1,2,3… or container1, container2, etc. doesn’t matter. These values will then be saved to the screen item when you select it.
Then edit the visibility of the containers below based on the screen item, like “show this when ‘2’ is selected” and so on. Thanks @Robert_Petitto for the gif!!
