# Quick question about the Glide University app

**URL:** <https://community.glideapps.com/t/quick-question-about-the-glide-university-app/68322>\
**Category:** Ask for Help\
**Tags:** layout\
**Created:** [December 3, 2023, 10:45am UTC](https://community.glideapps.com/t/quick-question-about-the-glide-university-app/68322 "2023-12-03T10:45:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![christian\_k](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christian_k/32/49583_2.png) [@christian\_k](https://community.glideapps.com/u/christian_k)\
**Post date:** [December 3, 2023, 10:45am UTC](https://community.glideapps.com/t/quick-question-about-the-glide-university-app/68322/1 "2023-12-03T10:45:58Z")

</div>

Hey folks, I just tried the Glide University app and have a quick question about the quiz layout.

 ![IMG_0012](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/a/4a0e77f659e65daee14d880a9deec09da2c42b1c.png)

Each question has a small number next to it. How is this implemented? Custom css? Action Row?

Btw nicely done quiz app. Love its simplicity.

---

<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:** [December 3, 2023, 11:34am UTC](https://community.glideapps.com/t/quick-question-about-the-glide-university-app/68322/2 "2023-12-03T11:34:25Z")

</div>

@V88 ☝

---

<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:** [December 3, 2023, 1:21pm UTC](https://community.glideapps.com/t/quick-question-about-the-glide-university-app/68322/3 "2023-12-03T13:21:32Z")

</div>

Hey @christian_k we’re glad that you liked it and thanks for the input. There’s a couple of ways to get a number in a circle followed by some text:

**3rd Party Service**  
Checkout [ui-avatars.com](http://ui-avatars.com) as a super-quick and simple way to generate your image, then simply use it in a collection.

**HTML**  
If you need more flexibility and aren’t using a collection then you can some HTML to a Rich Text component a bit like this:

```auto
<span style="display: flex; align-items: center; margin-top: 0px">
  <span style="min-width: 30px; min-height: 30px; width: 30px; height: 30px; background-color: #02566A; color: white; border-radius: 50%; text-align: center; line-height: 30px; vertical-align: middle; flex-shrink: 0;">1</span>
  <p style="margin: 0 0 0 10px; vertical-align: middle; font-weight:500; font-size:100%">The first question</p>
</span>

```

Hope that helps.

---

<div class="post-metadata">

**Author:** ![christian\_k](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christian_k/32/49583_2.png) [@christian\_k](https://community.glideapps.com/u/christian_k)\
**Post date:** [December 3, 2023, 2:06pm UTC](https://community.glideapps.com/t/quick-question-about-the-glide-university-app/68322/4 "2023-12-03T14:06:29Z")

</div>

Thanks! Both are amazing tricks, thanks so much! I love how this solution blends with the other elements, looks like a native feature.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [December 10, 2023, 2:06pm UTC](https://community.glideapps.com/t/quick-question-about-the-glide-university-app/68322/5 "2023-12-10T14:06:41Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.