# \[CSS Help\] List of data-test Values

**URL:** <https://community.glideapps.com/t/css-help-list-of-data-test-values/29399>\
**Category:** Ask for Help\
**Created:** [July 21, 2021, 4:09pm UTC](https://community.glideapps.com/t/css-help-list-of-data-test-values/29399 "2021-07-21T16:09:06Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [July 21, 2021, 4:09pm UTC](https://community.glideapps.com/t/css-help-list-of-data-test-values/29399/1 "2021-07-21T16:09:06Z")

</div>

Hello,

Is there a list of data-test values using in CSS code ?  
For example, I found this CSS trick for a text entry using the command _[data-test=“app-text-field”]_ to modify the color, the border, the background…

Is there somewhere an exhaustive list of data-test values for all the components available in Glide ?

Thanks for your help

---

<div class="post-metadata">

**Author:** ![AyS\_0908](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ays_0908/32/27349_2.png) [@AyS\_0908](https://community.glideapps.com/u/AyS_0908)\
**Post date:** [July 21, 2021, 5:10pm UTC](https://community.glideapps.com/t/css-help-list-of-data-test-values/29399/2 "2021-07-21T17:10:10Z")

</div>

Hi, many many illustrations here:

1/ [Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2)

2/ [https://code-book.glideapp.io/](https://code-book.glideapp.io/)

3/ and: [Tell Glide how you use CSS](https://community.glideapps.com/t/tell-glide-how-you-use-css/27641)

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [July 21, 2021, 7:10pm UTC](https://community.glideapps.com/t/css-help-list-of-data-test-values/29399/3 "2021-07-21T19:10:01Z")

</div>

Thanks @AyS_0908 !!  
I’ve already been known these resources 😉  
I’ve just found how to know the value of the data-test of each component : we can find it directly in the code of the page of the editor.

---

<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:** [July 21, 2021, 10:39pm UTC](https://community.glideapps.com/t/css-help-list-of-data-test-values/29399/4 "2021-07-21T22:39:39Z")

</div>

This is the true way. It’s also the better way as you know directly how to modify that in the browser and see changes in real time. The better you understand the thing the better you can debug it if something breaks.

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:51pm UTC](https://community.glideapps.com/t/css-help-list-of-data-test-values/29399/5 "2024-01-17T16:51:25Z")

</div>