# Tennis draw - which component to use

**URL:** <https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101>\
**Category:** Ask for Help\
**Created:** [May 6, 2024, 6:57am UTC](https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101 "2024-05-06T06:57:23Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Darko\_Vukoje](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darko_vukoje/32/73227_2.png) [@Darko\_Vukoje](https://community.glideapps.com/u/Darko_Vukoje)\
**Post date:** [May 6, 2024, 6:57am UTC](https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101/1 "2024-05-06T06:57:23Z")

</div>

Hi,

In my tennis app there is a need to display tennis draw structure, similar to NBA plaoffs, please see below:

Any idea to do something similar, descent tonise glide existing components, rather that building custom html.

 ![IMG_6448](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/3/03a349083e8eec0f0f799bf02373fb3b933fe8af.jpeg)

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [May 11, 2024, 9:21pm UTC](https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101/2 "2024-05-11T21:21:44Z")

</div>

I think you could try with a list collection or custom collection. One round be screen, navigating to the screen to the right (next) would bring the user to the next round, to the screen to the left (back) to the previous round. So the user experience would be a swipe-right swipe-left motion, not scroll up-down.

I would have no idea how to do it, but at first sight it seems doable.

 ![tennis_draw](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/4/e46dbc82b5d75870eb498892695332f3fcca2be9.jpeg)

---

<div class="post-metadata">

**Author:** ![Darko\_Vukoje](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darko_vukoje/32/73227_2.png) [@Darko\_Vukoje](https://community.glideapps.com/u/Darko_Vukoje)\
**Post date:** [May 12, 2024, 7:40am UTC](https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101/3 "2024-05-12T07:40:38Z")

</div>

Thanks, great idea. And a simple one.

I will probably start with a regular list collection, to make ot work but then switch to custom collection so I can customize it. I need two images and a bold text for a winner

---

<div class="post-metadata">

**Author:** ![Darko\_Vukoje](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darko_vukoje/32/73227_2.png) [@Darko\_Vukoje](https://community.glideapps.com/u/Darko_Vukoje)\
**Post date:** [May 12, 2024, 7:45am UTC](https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101/4 "2024-05-12T07:45:12Z")

</div>

Is the screen shot you posted from some web site or you did a mockup in Glide?

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [May 12, 2024, 7:52am UTC](https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101/5 "2024-05-12T07:52:38Z")

</div>

From an app which has nothing to do with Glide.

---

<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:** [October 16, 2025, 10:27pm UTC](https://community.glideapps.com/t/tennis-draw-which-component-to-use/73101/7 "2025-10-16T22:27:52Z")

</div>