# Creating Order History (Timeline)

**URL:** <https://community.glideapps.com/t/creating-order-history-timeline/54122>\
**Category:** Ask for Help\
**Created:** [November 14, 2022, 12:34pm UTC](https://community.glideapps.com/t/creating-order-history-timeline/54122 "2022-11-14T12:34:58Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![josepm](https://avatars.discourse-cdn.com/v4/letter/j/8c91f0/32.png) [@josepm](https://community.glideapps.com/u/josepm)\
**Post date:** [November 14, 2022, 12:34pm UTC](https://community.glideapps.com/t/creating-order-history-timeline/54122/1 "2022-11-14T12:34:58Z")

</div>

Good morning,

I’m trying to create an Order History (Timeline) at my glide app.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/a/9af65a9be7678609308d165a670e73ae75a15d50.jpeg)

Has anyone already created something similar, or, know an expert who I can hire for help?

Thanks!

---

<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:** [November 14, 2022, 12:54pm UTC](https://community.glideapps.com/t/creating-order-history-timeline/54122/2 "2022-11-14T12:54:06Z")

</div>

I created this a while back…it involved quite a bit of CSS.

 ![CleanShot 2022-11-14 at 07.53.49](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/c/cc78be59baac611139fccd062e2e0ff6ebd955b2.jpeg)

---

<div class="post-metadata">

**Author:** ![james](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/james/32/71213_2.png) [@james](https://community.glideapps.com/u/james)\
**Post date:** [November 14, 2022, 10:53pm UTC](https://community.glideapps.com/t/creating-order-history-timeline/54122/3 "2022-11-14T22:53:10Z")

</div>

That would be a nice component to have

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 14, 2022, 11:19pm UTC](https://community.glideapps.com/t/creating-order-history-timeline/54122/4 "2022-11-14T23:19:15Z")

</div>

the simple way is to replace list images from empty to checkmark… if you need solid vertical line transform to dots…, that will be complicated CSS… just a solid line… not that hard, to change the opacity of the list items once they are checked … a little bit of CSS

---

<div class="post-metadata">

**Author:** ![josepm](https://avatars.discourse-cdn.com/v4/letter/j/8c91f0/32.png) [@josepm](https://community.glideapps.com/u/josepm)\
**Post date:** [November 18, 2022, 11:52am UTC](https://community.glideapps.com/t/creating-order-history-timeline/54122/5 "2022-11-18T11:52:28Z")

</div>

Thanks everyone for the answers and insights.

About the layout, it doesn’t need to be exactly like in the example, a simple list with timestamps and status will do.

The important thing is to be able to store the entire history (status change and timestamp) of an object in a single row so that it doesn’t generate a new row per update.

Any insight about how to build that?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 21, 2022, 11:31pm UTC](https://community.glideapps.com/t/creating-order-history-timeline/54122/6 "2022-11-21T23:31:16Z")

</div>

add a template column to create a new record… old\_record#staus^timestamp and overwrite old\_record with the new template… change join characters if you are using them in status, so later when you split the record, it wont create the problem