# Create Project Statuses Summary with Glide AI Custom Component

**URL:** <https://community.glideapps.com/t/create-project-statuses-summary-with-glide-ai-custom-component/78141>\
**Category:** Community Resources\
**Tags:** tutorial\
**Created:** [November 22, 2024, 8:36pm UTC](https://community.glideapps.com/t/create-project-statuses-summary-with-glide-ai-custom-component/78141 "2024-11-22T20:36:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\
**Post date:** [November 22, 2024, 8:36pm UTC](https://community.glideapps.com/t/create-project-statuses-summary-with-glide-ai-custom-component/78141/1 "2024-11-22T20:36:15Z")

</div>

![ScreenRecording2024-11-23032342-ezgif.com-optimize](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/1/a134732605148d29882f2b7e618dfce992c2fba5.gif)

You can create a summary of project statuses in Glide using a custom component. You just need to prepare:

1. Table with if-then-else column for All Statuses, sample: in Case, IF A-Status is Not Started-THEN 1.

> **Sample If-Then-Else 1: Not Started**
>
> ![Screenshot 2024-11-23 034612](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/e/8e75a551cfa9cedf13918ad08680754ad21cde40.png)

1. Rollup column Sum of if-then-else column for All Statuses.

> **Sample Rollup Sum of 1: Not Started**
>
> ![Screenshot 2024-11-23 035705](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/8/685bfc8a2e2d8834a196ab936b7e1cb8be29a859.jpeg)

1. Add AI Custom components, set Data Status with its respective Rollup column as in spoiler below:

> **Data Status with its Rollup columns**
>
> ![Screenshot 2024-11-23 041719](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/7/070de0544850d9a68d984174bb47f377063d5d6a.jpeg)

1. The appropriate prompts, gradually insert the following prompt into the custom component. the sample as below:

> **Prompt 1**
>
> Please create summary of projects status in numbers that shows Not Started, In Progress, Review, Completed based on data from Projects (sample) data table

> **Prompt 2**
>
> please set Not Started and In Progress fits into same line

> **Prompt 3**
>
> for the next line please set Review and Completed fits into same line

> **Prompt 4**
>
> please center the data of Not Started, Make it Bold

> **Prompt 5**
>
> make Not Started data flash red

> **Prompt 6**
>
> please center the data of In Progress, Make it Bold

> **Prompt 7**
>
> make In Progress data flash amber

> **Prompt 8**
>
> please center the data of Review, Make it Bold

> **Prompt 9**
>
> please center the data of Completed, Make it Bold

> **Prompt 10**
>
> Please center "Project Status Summary" and underline it

> **Prompt 11**
>
> please enable double tap to zoom on all Status

> **Prompt 12**
>
> please enable pinch zoom on all Status, use double tap to back to default

> **Prompt 13**
>
> please enable double tap to zoom on all Status also

Since this is my first summary custom component, I copied all prompts as “If it’s running, don’t touch it!” Please let me know if you have any feedback. 😃

## Update:

> **Prompt 14**
>
> give in progress data flash yellow

> **Prompt 15**
>
> please give halo effect

> **Prompt 16**
>
> please reduce halo effect 50%

> **Prompt 17**
>
> please give highlight zoom

## Results:

![Untitledvideo-ezgif.com-optimize](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1f8e6517c641146667b55bd8c4e9a35e1b0489d4.gif)

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [November 22, 2024, 8:38pm UTC](https://community.glideapps.com/t/create-project-statuses-summary-with-glide-ai-custom-component/78141/2 "2024-11-22T20:38:36Z")

</div>

Wow, does it work on real touch screen device?

---

<div class="post-metadata">

**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\
**Post date:** [November 22, 2024, 8:40pm UTC](https://community.glideapps.com/t/create-project-statuses-summary-with-glide-ai-custom-component/78141/3 "2024-11-22T20:40:37Z")

</div>

@MaximeBaker Yes, works well so far.  
 ![summarytouchscreen-ezgif.com-optimize](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/3/03a7fedebee8cc00835b6cc171abf9e0a8edeb79.gif)