# Salon Beauty/ Barber Shop app💈

**URL:** <https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314>\
**Category:** Project Showcase\
**Created:** [February 6, 2020, 6:24am UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314 "2020-02-06T06:24:12Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 6, 2020, 6:24am UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/1 "2020-02-06T06:24:12Z")

</div>

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! 💈:

1. Admin
2. Clients

# _Admin_

📱 👉 [https://sallonadmintemplate.glideapp.io](https://sallonadmintemplate.glideapp.io)

**First thing** we see is beautiful circle profile pic.

> I know, Lucas, using the new update of inline list… ugh 🙄

**Nah. Rich Text.**

> What? 🤔

**Exactly**

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

1. Code till **URL**
2. Profile **URL** Link
3. 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 😉)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/f/fc629f923262330071dd04514515bb464a200016.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/1/1bc6229c286b60b66ab06af9e7a55a43fe8472f0.jpeg)

**Third thing** we see how the Salon Tab looks like. Take a look 👇

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/c/cae4eb48f9e392e345e2fc1cef4b017b747eb771.gif)

# _Clients_

📱 👉 [https://sallonbeautytemplate.glideapp.io](https://sallonbeautytemplate.glideapp.io)

You’ll note:

- 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.

- And more tabs like:

* * *

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! 📱

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/2c557cdc8736f54f92f13e63df6c7c54100de521.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/29baf8fd7ac136832252ef54fabfbc29477ded1f.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/46d3e651be84c41ebad20e99a6f3c0c357dee887.jpeg)

 ![WhatsApp Image 2020-02-06 at 02.06.34](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/2fffee5b8ce464fb7d7a6766dd794cf326ab5bd9.jpeg)

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [February 6, 2020, 7:09am UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/2 "2020-02-06T07:09:35Z")

</div>

Thanks for sharing. I really like your design. It just looks cool 🕶 I got inspired 👍

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 6, 2020, 7:37am UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/3 "2020-02-06T07:37:28Z")

</div>

@Krivo thanks! 🙌🏼

---

<div class="post-metadata">

**Author:** ![gila](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gila/32/2961_2.png) [@gila](https://community.glideapps.com/u/gila)\
**Post date:** [February 6, 2020, 7:39am UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/4 "2020-02-06T07:39:43Z")

</div>

Very nice.

Do you have clients for this? I can’t imagine downloading an app for the barbershop that I go to. Maybe if there was a guaranteed discount on my next cut or something.

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [February 6, 2020, 9:31am UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/5 "2020-02-06T09:31:29Z")

</div>

Very nice app! But take care guys using html tags in rich text component, they are not supported. Today it works, tomorrow they will perhaps not work, we have been advised to not use them.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 6, 2020, 3:40pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/6 "2020-02-06T15:40:58Z")

</div>

I already have some projects for them, but it’s important to say that my focus when i do an app to a company is for the “admin” one.

In this case in made two apps if the salon prefers to take them two. But I’d sell only the first one. More productive, mobility and agile.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 6, 2020, 3:44pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/7 "2020-02-06T15:44:59Z")

</div>

We take care of them @Christophe_HK . As i said all the topic above is, it’s just a model.

We’re gonna improve and make it better as glide will also do it. I was just testing some feature, and as you said, by now it works.

**The focus here isn’t the HTML tags or something** , but the way you can make better apps with images and paying attention in some little details.

If you take a look in the pics, or playing the app around, you will see.

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [February 6, 2020, 3:50pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/8 "2020-02-06T15:50:24Z")

</div>

Yep for sure, I am also working on a similar project

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 6, 2020, 8:09pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/9 "2020-02-06T20:09:18Z")

</div>

Wow…I’m floored. I honestly had no idea you could use html tags in Glide (even if unsupported). Absolutely beautiful.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 6, 2020, 8:26pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/10 "2020-02-06T20:26:17Z")

</div>

Thank you @Robert_Petitto! Even if unsupported, I recommend use all the image features, as you see there!

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 6, 2020, 8:37pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/11 "2020-02-06T20:37:56Z")

</div>

I use a small amount of html (mostly font color and tables). I wouldn’t be heartbroken if I lost font colors, but the html tables would be a big loss (mostly because I can’t span 100% width with markdown to make the tables look good). However, I do have a contingency plan in place. In addition to my dynamic html tables, I also have dynamic markdown tables in an unused column, so I’m ready to switch if html support is ever completely dropped. I only recommend to have a backup plan if the html ever stops working.

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [February 6, 2020, 9:05pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/12 "2020-02-06T21:05:36Z")

</div>

Nice apps! Definitely the more images you use, the better the UX. Will implement some tips.  
Well done!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 6, 2020, 9:22pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/13 "2020-02-06T21:22:11Z")

</div>

Yes! I definitely agree with you! I wouldn’t be heartbroken also if font color in rich text wouldn’t support any more, or even this test with circle profile pics.

But a thing I was **really** wishing and now glide support is to be to image get actions like url links!

That’s wonderful! Looking the design I used to do, simply match to what I wanted

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 6, 2020, 9:23pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/14 "2020-02-06T21:23:45Z")

</div>

Thank you @eltintero! I definitely agree with you! UX for me, it’s most important after a good performance. Let’s improve ourselves! 😁

---

<div class="post-metadata">

**Author:** ![jorge\_butron](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_butron/32/2942_2.png) [@jorge\_butron](https://community.glideapps.com/u/jorge_butron)\
**Post date:** [February 11, 2020, 5:50am UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/15 "2020-02-11T05:50:31Z")

</div>

hello @Lucas_Pires , great stuff on this!love it.  
I have some questions for you, keep in mind im fairly new to glide and im still learning more about it. So im a barber as my hobby in my evenings for example monday-sunday and i have 5pm-9pm slots open give or take 3-4 clients a day. so how do i create this active calendar where my clients can see whats open out of the few slots daily. hope this makes sense. thank you!!!

---

<div class="post-metadata">

**Author:** ![zzoldan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zzoldan/32/452_2.png) [@zzoldan](https://community.glideapps.com/u/zzoldan)\
**Post date:** [February 11, 2020, 7:25pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/16 "2020-02-11T19:25:34Z")

</div>

I’m having trouble copying both of these apps. Is anyone else also experiencing the loading icon for 5+ minutes, and then a “An error occurred duplicating the app.”? cc @Mark @david

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 11, 2020, 11:11pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/17 "2020-02-11T23:11:46Z")

</div>

There’s some good info here about creating a booking system in your app. Could probably be modified to show availability of time slots.

> [@Room Booking that prevents conflicts](https://community.glideapps.com/t/room-booking-that-prevents-conflicts/4288):
>
> I’m starting to work on a room booking app and was wondering if anyone has figured out a good way to create a way to prevent conflicting days/times (so that if I book a meeting on Monday from 9-10AM, this time slot can’t be booked by someone else). I know I could create a choice component that lists the possible days/times and then can probably figure out a way to remove choices as they are taken, but this doesn’t take into account all possible time choices (sometimes people will book on the 15…

---

<div class="post-metadata">

**Author:** ![GoMobile](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gomobile/32/3493_2.png) [@GoMobile](https://community.glideapps.com/u/GoMobile)\
**Post date:** [February 13, 2020, 3:24pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/18 "2020-02-13T15:24:20Z")

</div>

Hi, @Lucas_Pires I have 20 salons and 3 beauty schools that would love for me to build them an app. I’m thankful for this app that u created but I’m not able to get the templates?

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 13, 2020, 3:38pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/19 "2020-02-13T15:38:33Z")

</div>

Thanks @GoMobile!  
I let available to copy the templates Idk why the people can’t do it 🤔

---

<div class="post-metadata">

**Author:** ![GoMobile](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gomobile/32/3493_2.png) [@GoMobile](https://community.glideapps.com/u/GoMobile)\
**Post date:** [February 13, 2020, 3:40pm UTC](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314/20 "2020-02-13T15:40:39Z")

</div>

It’s just loading then give and error

[Next page](https://community.glideapps.com/t/salon-beauty-barber-shop-app/4314.md?page=2)
