I’ve been using Glide for about 2 weeks and I don’t think I’ve seen it used this way.
The menu was created as a whole image in Photoshop then chopped up into several files. Each file is an option and non-option for the menu.
In Glide:
I hid all the tabs except for the tab where the menu resides. By doing this I was able to get rid of the tabs at the bottom giving the app more real estate to display the menu.
I created an About tab and placed it under the Menu tab to get rid of the information menu. It’s also a good place for an About and/or Help option(s).
I also removed the label for the menu tab.
In Google Sheets:
The images for the menu are on the first sheet. I also named it with a space so its name won’t show up in the app. There’s a transparent .png calld padding.png that could be used to bring the whole menu down or used in between the other images to create some kind of separation effect.
There’s even an Easter Egg. See if you can find it before looking at the source code. Hope this will inspire others.
This is the first app I’ve seen with a “hamburger” menu button. I was not aware of this and can’t seem to find it anywhere in the build interface. Could you please explain how you did this/point me toward the resource you followed?
This is a really good tip! The old slicing method (table layouts, who remember…) meets nocode…
Just use svg and graphics should scale nicely without blurring.
@Mark@JackVaughan images (at least in listing views) are sometimes blurry when looked on phone’s higher res screen. Does there happen something in background which make uploaded images too low resolution? Or what would be best image sizes to use?
!
) meets nocode…
