# Design home page

**URL:** <https://community.glideapps.com/t/design-home-page/366>\
**Category:** Ask for Help\
**Created:** [September 17, 2019, 8:03pm UTC](https://community.glideapps.com/t/design-home-page/366 "2019-09-17T20:03:37Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Olivier\_Gibier](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/olivier_gibier/32/197_2.png) [@Olivier\_Gibier](https://community.glideapps.com/u/Olivier_Gibier)\
**Post date:** [September 17, 2019, 8:03pm UTC](https://community.glideapps.com/t/design-home-page/366/1 "2019-09-17T20:03:37Z")

</div>

Hi,  
I’m looking for how is built this home page, with which components ?  
https://pourinfo.glideapp.io/  
Especially this part :

 ![52](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/1c98142e24ccb383b79b0f44cf80008e123ab53b.png)  
What about the buttons “le programme complet” and “vos plus belles photos” ?

---

<div class="post-metadata">

**Author:** ![jesschrist](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jesschrist/32/86_2.png) [@jesschrist](https://community.glideapps.com/u/jesschrist)\
**Post date:** [September 17, 2019, 9:15pm UTC](https://community.glideapps.com/t/design-home-page/366/2 "2019-09-17T21:15:13Z")

</div>

The ability to add components to a screen happens in the details layout only.

---

<div class="post-metadata">

**Author:** ![Muhammad\_iqbal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/muhammad_iqbal/32/246_2.png) [@Muhammad\_iqbal](https://community.glideapps.com/u/Muhammad_iqbal)\
**Post date:** [September 17, 2019, 9:22pm UTC](https://community.glideapps.com/t/design-home-page/366/3 "2019-09-17T21:22:10Z")

</div>

Image \> link to screen

---

<div class="post-metadata">

**Author:** ![Olivier\_Gibier](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/olivier_gibier/32/197_2.png) [@Olivier\_Gibier](https://community.glideapps.com/u/Olivier_Gibier)\
**Post date:** [September 18, 2019, 5:41am UTC](https://community.glideapps.com/t/design-home-page/366/4 "2019-09-18T05:41:33Z")

</div>

I think there is a background image and 2 buttons on it. How to do that?

---

<div class="post-metadata">

**Author:** ![Phil](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/phil/32/298_2.png) [@Phil](https://community.glideapps.com/u/Phil)\
**Post date:** [September 18, 2019, 11:17am UTC](https://community.glideapps.com/t/design-home-page/366/5 "2019-09-18T11:17:36Z")

</div>

not sure 100% but it was mentioned in the recent glide together video. Think its 2 images with a button on each put together. i.e. 1 image split into 2.

---

<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:** [September 18, 2019, 3:39pm UTC](https://community.glideapps.com/t/design-home-page/366/6 "2019-09-18T15:39:59Z")

</div>

I believe there are no actual button components. It’s more of an illusion of buttons. It’s just 2 images, one over the other. Each image links to a different screen.

---

<div class="post-metadata">

**Author:** ![Olivier\_Gibier](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/olivier_gibier/32/197_2.png) [@Olivier\_Gibier](https://community.glideapps.com/u/Olivier_Gibier)\
**Post date:** [September 18, 2019, 3:42pm UTC](https://community.glideapps.com/t/design-home-page/366/7 "2019-09-18T15:42:04Z")

</div>

OK, i agree with that.

---

<div class="post-metadata">

**Author:** ![clairepascavis](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@clairepascavis](https://community.glideapps.com/u/clairepascavis)\
**Post date:** [September 20, 2019, 5:25pm UTC](https://community.glideapps.com/t/design-home-page/366/8 "2019-09-20T17:25:32Z")

</div>

Thank you for this! I’ve been trying to figure this out too. Maybe details is new or I just never knew about it! This is going to improve my app so much!

---

<div class="post-metadata">

**Author:** ![clairepascavis](https://avatars.discourse-cdn.com/v4/letter/c/45deac/32.png) [@clairepascavis](https://community.glideapps.com/u/clairepascavis)\
**Post date:** [September 20, 2019, 5:45pm UTC](https://community.glideapps.com/t/design-home-page/366/9 "2019-09-20T17:45:45Z")

</div>

A couple more questions about the PIAO app ([https://pourinfo.glideapp.io](https://pourinfo.glideapp.io))

1. Is this a pro app? I’m trying to figure out if some of the features they used are only pro or if I could implement some of them into my app?

2. I understand they used the Details page to be able to use the components, but how did they also use some of the “Style” options? I don’t see them on components (or I missed those options). For example, this page below looks like it uses both the columns and possibly two of the buttons OR created “button” images then added them into the app. Thoughts?

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/6fe3ef14bade53f2711d2926b8fd9b20de820bc6.png)

Can we ask the creator of this app if they would be willing to do a video tutorial or show screenshots of the behind the scenes of this app? They really took their app to a whole new level and it’s very inspiring!

Thank you in advance!

---

<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:** [September 20, 2019, 6:17pm UTC](https://community.glideapps.com/t/design-home-page/366/10 "2019-09-20T18:17:18Z")

</div>

You can add an inline list to a details layout. When you click on that inline list, you can then change the style to your liking.
