# Color picking concept **URL:** \ **Category:** Project Showcase\ **Created:** [July 31, 2021, 4:05pm UTC](https://community.glideapps.com/t/color-picking-concept/29807 "2021-07-31T16:05:53Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 4:05pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/1 "2021-07-31T16:05:53Z")
![Web 1920 – 1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/3/3392be30661aa88fbf0b52d52d34b3b6c03bc97a.png) You can copy this template. Please, try and tell, what you think) [https://colorpickingconcept.glideapp.io/](https://colorpickingconcept.glideapp.io/) \*gradients are from [uigradient.com](http://uigradient.com) ---
**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:** [July 31, 2021, 4:25pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/2 "2021-07-31T16:25:11Z")
nicely done… i would add restriction to Add/Save button not to save if name is not entered ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 4:33pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/3 "2021-07-31T16:33:57Z")
Yeah, i thought about it. Anyway, this is just a concept, so) ---
**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:** [July 31, 2021, 4:36pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/4 "2021-07-31T16:36:21Z")
you can use CSS to fit all colors on the screen, so you don’t need to scroll… or just place them in the next row… also would be a cool trick if the check mark appear on the color not under ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 4:45pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/5 "2021-07-31T16:45:01Z")
Well actually I’m happy with scroll. This pattern is quite familiar I think. Speaking about check mark. If you know how to do this with CSS I’d appreciate any help with this. ---
**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:** [July 31, 2021, 4:48pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/6 "2021-07-31T16:48:12Z")
is not a CSS, just replace image with same but checkmark added on top when clcked ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 5:04pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/7 "2021-07-31T17:04:17Z")
🤔 sounds like I’m going to spend too much time preparing all those images) ---
**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:** [July 31, 2021, 6:22pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/8 "2021-07-31T18:22:01Z")
did you fix it? ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 6:31pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/9 "2021-07-31T18:31:34Z")
No, actually I’m not going to fix anything in this particular app. I just wanted to share discovered technique of putting data from one row to another in the same table) I honestly don’t even know the real life scenarios of using this method in Glide) So, this is just food for thought. ---
**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:** [July 31, 2021, 6:33pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/10 "2021-07-31T18:33:49Z")
to pick colors of items that you are selling… so many uses ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 6:39pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/11 "2021-07-31T18:39:16Z")
Ah! Apparel, for example! That’s it, that’s great idea!) Ok, will continue working to adjust this method later. ---
**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:** [July 31, 2021, 6:44pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/12 "2021-07-31T18:44:08Z")
challenge accepted ! ill make my sample 😉 ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 6:45pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/13 "2021-07-31T18:45:37Z")
Cool! Love Glide Community for this) ---
**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:** [July 31, 2021, 7:09pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/14 "2021-07-31T19:09:19Z")
ok… what do you think about my version? [LINK](https://sa-test-app.glideapp.io/dl/ewAiAHQAIgA6ADcALAAiAHMAIgA6ACIAbQBlAG4AdQAtADcAMwA2AGEAZABlADcAMAAtAGIANgBiAGYALQA0ADIAOABiAC0AYgBhAGUAZQAtADkAYwBlAGEANgAyADMAMAA2ADgAYgBhAC0ANAAwAGEAYgBiADMAMQA3ADkAZAA2ADAAOQBjAGMAMwAwADEAMAAxAGYAMQBmAGQAYwA3AGMAZQAyADYAZAA1ACIALAAiAHIAIgA6ACIAMwBUAFEALgAzAGgATABaAFQAMABLADkALQBrAEwAVABKAEEARwA4ADkAZwAiACwAIgBuACIAOgAiAEMAbwBsAG8AcgBzACAAUABpAGMAawBlAHIAIgB9AA%3D%3D) [![Screen Shot 2021-07-31 at 3.13.15 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/b/bb8fa6a6e5aeb762a13fdccef76f34c3563323a8.png)](https://sa-test-app.glideapp.io/dl/ewAiAHQAIgA6ADcALAAiAHMAIgA6ACIAbQBlAG4AdQAtADcAMwA2AGEAZABlADcAMAAtAGIANgBiAGYALQA0ADIAOABiAC0AYgBhAGUAZQAtADkAYwBlAGEANgAyADMAMAA2ADgAYgBhAC0ANAAwAGEAYgBiADMAMQA3ADkAZAA2ADAAOQBjAGMAMwAwADEAMAAxAGYAMQBmAGQAYwA3AGMAZQAyADYAZAA1ACIALAAiAHIAIgA6ACIAMwBUAFEALgAzAGgATABaAFQAMABLADkALQBrAEwAVABKAEEARwA4ADkAZwAiACwAIgBuACIAOgAiAEMAbwBsAG8AcgBzACAAUABpAGMAawBlAHIAIgB9AA%3D%3D) ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 7:31pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/15 "2021-07-31T19:31:58Z")
Hm🤔 If only i could see the table. I’m interested in «backend» more, you know, how exactly it works. Did you use my method or made it your own way? ---
**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:** [July 31, 2021, 7:32pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/16 "2021-07-31T19:32:44Z")
what do you think? ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 7:39pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/17 "2021-07-31T19:39:25Z")
I see, you use image component above and inline list below i guess. The image in image component is the png from inline list. When i tap a little circle, it sets column of the top row in the table with its png. And image componetnt takes data from that column. I guess. Smth like that) ---
**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:** [July 31, 2021, 7:46pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/18 "2021-07-31T19:46:12Z")
Pretty much… like that ---
**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\ **Post date:** [July 31, 2021, 7:49pm UTC](https://community.glideapps.com/t/color-picking-concept/29807/20 "2021-07-31T19:49:50Z")
Oh! Oh! I know, I know! This can be done with some html in template column. Like \< img src … Just replace the image url each time little circle is tapped. And use rich text instead of image component! Ha! 💡