# Beautiful Design App

**URL:** <https://community.glideapps.com/t/beautiful-design-app/16191>\
**Category:** Project Showcase\
**Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\
**Posts on this page:** 20\
**Page:** 24

<div class="post-metadata">

**Author:** ![Cloud\_X](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cloud_x/32/11700_2.png) [@Cloud\_X](https://community.glideapps.com/u/Cloud_X)\
**Post date:** [March 23, 2021, 10:52pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/467 "2021-03-23T22:52:43Z")

</div>

Check out my app here  
Sorry for the language because the app is focused on the Iraqi market

> **[IVC IRAQ](https://vigorous-salt-6567.glideapp.io/)**

---

<div class="post-metadata">

**Author:** ![Rob\_Field](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rob_field/32/84139_2.png) [@Rob\_Field](https://community.glideapps.com/u/Rob_Field)\
**Post date:** [April 1, 2021, 2:35am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/468 "2021-04-01T02:35:27Z")

</div>

Hi mate! Beautiful app! Was wondering what size the kiosk is and if you had to change any app settings/code to get it to display full-screen?

[image|375x500](https://community.glideapps.com/uploads/short-url/t7nsobBSQFiGa6ZyTsfWA85dMZG.jpeg)

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [April 1, 2021, 5:32pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/469 "2021-04-01T17:32:06Z")

</div>

Unfortunately until they release the PC view we are limited on how to display it, in my case I ran a full screen link with a zoom of 125%. Google Chrome alongside other browsers have a kiosk mode to help with this.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 5, 2021, 11:42pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/470 "2021-04-05T23:42:16Z")

</div>

I had a use case this week that the rating component inside a form needs to be filled, but it can’t be marked as required.

Called CSS to help with this.

> **[Screen Recording 2021-04-06 at 06.40.08 AM](https://media.lowcode.agency/RBuYXr0k)**

Hope this helps @Robert_Petitto @Jeff_Hager @Darren_Murphy.

```
<pre><span><style>
[data-test="nav-button-Submit"]{
pointer-events: none;
opacity: 0.4;
}
```

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [April 5, 2021, 11:46pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/471 "2021-04-05T23:46:30Z")

</div>

This is awesome!

Thanks for sharing!!!

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [April 9, 2021, 3:03pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/472 "2021-04-09T15:03:50Z")

</div>

Hola @ThinhDinh,

By change do you know how to make change an image from a square to a circle ⭕ Using HTML?  
@PabloMFalero and I are working on an app that it would benefit from something like that.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/d/4d304c47151179e260763a62c429b132065236ca.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 9, 2021, 11:36pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/473 "2021-04-09T23:36:05Z")

</div>

What component are you using for the comments in that screenshot?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [April 9, 2021, 11:57pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/474 "2021-04-09T23:57:11Z")

</div>

Rich text component.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 9, 2021, 11:58pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/475 "2021-04-09T23:58:40Z")

</div>

No I mean from the “Severus S.” part down. Is it an inline list or a comments component or something else?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [April 10, 2021, 12:15am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/476 "2021-04-10T00:15:17Z")

</div>

Rich text component.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 10, 2021, 12:15am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/477 "2021-04-10T00:15:50Z")

</div>

So how are you constructing the rich text component to show it like that? With a joined list?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [April 10, 2021, 12:17am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/478 "2021-04-10T00:17:48Z")

</div>

Yep! We have everything almost done but we’re struggling to make the picture rounded. I even tried to use cloudinary but I couldn’t get it to work.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 10, 2021, 2:22am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/479 "2021-04-10T02:22:06Z")

</div>

If you don’t mind, share the template code with me in messages, I’ll try to find a way to help.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [April 10, 2021, 2:24am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/480 "2021-04-10T02:24:05Z")

</div>

Sure! I’ll share in a bit.

---

<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:** [April 10, 2021, 2:56am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/481 "2021-04-10T02:56:15Z")

</div>

Ditto! I have an idea. DM me the template?

---

<div class="post-metadata">

**Author:** ![alfonso\_ayala](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alfonso_ayala/32/10862_2.png) [@alfonso\_ayala](https://community.glideapps.com/u/alfonso_ayala)\
**Post date:** [April 10, 2021, 5:35am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/482 "2021-04-10T05:35:41Z")

</div>

please 👍

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [April 10, 2021, 8:06am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/483 "2021-04-10T08:06:01Z")

</div>

It’s a great idea we came up with based on your trebuchet method, we’ll share it once is completed and beautiful!! I tried to use some code from the ritual app from @Lucas_Pires , but with no luck. But your method works beautifully!!! 😀😀

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 10, 2021, 8:15am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/484 "2021-04-10T08:15:21Z")

</div>

Waiting patiently for my copy 😂

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 10, 2021, 8:15am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/485 "2021-04-10T08:15:39Z")

</div>

For your information, you can try adding style=“border-radius:50%” to the rich text to make the image circle.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/3/939bf1285b47508fe40a7796502dd8498a53f92e.png)

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [April 10, 2021, 9:07am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/486 "2021-04-10T09:07:24Z")

</div>

I would very much like to see that when available. Looks awesome @PabloMFalero

[Previous page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=23)

[Next page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=25)