I am close to a design on my app and was wondering what magic could be used in CSS to make this type of design work?
top is easy - no CSS, it is just an image 1:1
the middle bit is an inline list
— I have a multilingual app so EITHER I need to make the images for the languages we support, OR I use a cloudinary overlay and pick up the user text (but not so easy I think as I would have to have a template column picking up user values… maybe…)
OR there is CSS so I can have the standard Glide things, and use CSS to move the text around
the ? is easy - floating button
Any ideas? (and help if needed!)
My app is designed so that I have an Admin only app where I can use the nice UX to upload photos, etc - that allows me to play without having to dig into the columns, etc.
Using native Glide would be easier to deal with for sure - one less thing to think about.
It seems like I can change the size of the images so that they fit nicely. And it is not hard to have an overlay for the illustrations (I have a designer working on them). The words will be the tricky bit. I can use the Construct URL to make a nice URL with the text string automatically including the %20 things to replace the spaces. All I have to do is then work out how to get the user strings into the column… (maybe)
@Robert_Petitto did something with card layouts, is in the beautiful design app thread and it looks just like that. If I’m not wrong it was something to do with doulas, right Robert?
Another thing I am wondering in CSS - I found some CSS to change ALL button colors… but how does it work to change specific button colors (or look) - e.g. on this screen here:
That will work. Just put that in a template column, and instead of hard-wiring the text bits, use the appropriate SV columns from your CollectUser table as replacements.
@Mark_Turrell I’m not sure if you want to keep all the details above public ? Remember that basically anyone can access the datas you published without having to sign up in the Glide Community…
