Hey hey, Gliders!
First topic here! I’ve been using and abusing glide all over my days for months. And to open this topic, I wanna introduce you my new brand Salon Beauty/ Barber Shop app!
What will you see here?
- Circle Profile Image using Rich Text (not tiles);
- Screens and Font Color totally personalized by the theme and for each person.
- And much more.
Let’s take a look.
I made two apps for Salon Beauty/ Barber Shop app! :
First thing we see is beautiful circle profile pic.
I know, Lucas, using the new update of inline list… ugh
Nah. Rich Text.
Here’s the code.
<center><div style="background-image: url('URL'); -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid white; width:150px; height:150px; background-repeat: no-repeat, center; background-attachment:scroll; background-size: cover; background-position: center center;">
Basically, what you have to do is:
Separate into 3 partes in the columns
- Code till URL
- Profile URL Link
- Rest of the code.
You’ll have to concatenate them. I separated in google sheet like above and used Data from Glide to join them.
Afterwards, take a Rich Text component and select the concatenate text. Done.
Edit¹: Compatible with square and rectangular photos, yay! Always centralized.
Second thing you’ll realise this customized screen and font color kindly matching with the app theme and the rest of it.
Rich Text: Font color code.
<h1><font color=COLOR> Color Text </font></h1>
You just have to change “COLOR” with the name of the color, e.g. “red”, or hex color like “#8D0C01”
And when is H1, is like the # on markdown text.
Simple. Just copy and paste. Try it.
(Even I spent a few hours to discover it and make it excellente for all of you )
Third thing we see how the Salon Tab looks like. Take a look
Header using the app theme color and making a gradient effect. Just perfect. Love it.
A “Hey, NAME!” customized in Data and font color changed.
Header easy-access button to Book, Send Whatsapp to the client, and Add a New Client, directly by the first screen - made with Inline List.
- Book screen: Header Button (image) and Calendar with clients already booked.
- Whatsapp screen: Choice to select the cliente, and directly pick its whatsapp number and concatenate to send the msg.
- Add Client screen: Header button to add; List of clients already added.
And more tabs like:
- Team: easy acess to team profiles.
- Clients: easy acess to clients profiles.
- Profile: easy acess to your profile.
Edit²: Like Walt Disney said
“There is no magic in magic , it’s all in the details .”
Play with colors and customize the images to take your app to another level
Now, it’s all about use these two apps and tell me here down in comments what you think.
Hope you liked it, enjoy it, and try it out!