# Custom Component (AI Generated) - Feedback wanted! 💡

**URL:** <https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533>\
**Category:** Archived Announcements\
**Tags:** ai, layout, components\
**Created:** [July 2, 2024, 1:49am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533 "2024-07-02T01:49:43Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [July 3, 2024, 9:22am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/22 "2024-07-03T09:22:33Z")

</div>

> [@Mark\_Turrell](#):
>
> Maybe this could be added into @ThinhDinh 's CSS Library

I saw him hinting the other day that we might see something similar for Custom Components soon 😉

---

<div class="post-metadata">

**Author:** ![Sam\_Leong](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sam_leong/32/60726_2.png) [@Sam\_Leong](https://community.glideapps.com/u/Sam_Leong)\
**Post date:** [July 3, 2024, 9:49am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/23 "2024-07-03T09:49:24Z")

</div>

Holy, this is big implement release, when this feature will launching? can’t wait !

---

<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:** [July 3, 2024, 11:17am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/24 "2024-07-03T11:17:55Z")

</div>

This is nuts 🤯

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [July 3, 2024, 12:45pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/25 "2024-07-03T12:45:17Z")

</div>

We’re working on an official gallery.

---

<div class="post-metadata">

**Author:** ![Alpha\_University](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alpha_university/32/91520_2.png) [@Alpha\_University](https://community.glideapps.com/u/Alpha_University)\
**Post date:** [July 3, 2024, 1:10pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/26 "2024-07-03T13:10:30Z")

</div>

This is incredible.

---

<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 3, 2024, 11:06pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/27 "2024-07-03T23:06:20Z")

</div>

That will be superb 😉

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [July 4, 2024, 10:33am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/28 "2024-07-04T10:33:44Z")

</div>

Moving price filter

https://www.loom.com/embed/38e354581f774e1e9c1fb4d7ddd285c4?sid=0d03269e-3711-479d-972b-9c59d016a1a3

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [July 4, 2024, 12:20pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/29 "2024-07-04T12:20:37Z")

</div>

My latest → click a 250x250 audioimage to play audiourl, allow the user to pause the audio. Add audio player below

I was trying to get an icon to play / pause on top of the image. This sometimes worked, but then I would always lose some part of what I wanted to do. To make this took maybe 25 mins of playing across a couple of days… mostly play time.

Feedback so far - insanely powerful, a great platform for creativity.

The next thing I was trying to work out - how to get custom components to work on collections, and then sometimes I have a component in a table with data in rows… but the data viewer at the bottom of the layout screen is empty and the component does not pick up any data. Things to keep playing with!

 ![Screenshot 2024-07-04 at 14.18.02](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/9/f9ec3b3e3397545f3b31b081fc5bd569547b1d2c.jpeg)

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [July 4, 2024, 4:36pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/30 "2024-07-04T16:36:52Z")

</div>

A bit of trial and error, but this scrolling header looks promising

![CleanShot 2024-07-04 at 09.33.31](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/f/9f7f705d645e853c5bee0860fc5361952ce3f669.gif)

---

<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:** [July 5, 2024, 2:30pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/31 "2024-07-05T14:30:06Z")

</div>

It would be awesome to be able to “export” the custom component as HTML (copy to clipboard?) so we can use it in other apps by simply pasting the HTML in a custom component elsewhere.

---

<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:** [July 5, 2024, 3:01pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/32 "2024-07-05T15:01:53Z")

</div>

Partial star ratings:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/5/b5db749b567d9ad6cdca8af6c19f5e044f574211.png)

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [July 5, 2024, 3:13pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/33 "2024-07-05T15:13:29Z")

</div>

@Robert_Petitto can’t you just copy the component as normal?

---

<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:** [July 5, 2024, 3:36pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/34 "2024-07-05T15:36:18Z")

</div>

Is copying a custom component between apps possible?

---

<div class="post-metadata">

**Author:** ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)\
**Post date:** [July 5, 2024, 4:24pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/35 "2024-07-05T16:24:07Z")

</div>

Copy and past the input to a new custom component?  
Or do you get different outputs?

---

<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:** [July 5, 2024, 4:52pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/36 "2024-07-05T16:52:28Z")

</div>

Ya— you get different results:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/a/ba6cb7ede1766853297ee19c88125b6066e780bd.png)

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [July 5, 2024, 6:04pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/37 "2024-07-05T18:04:53Z")

</div>

I always get these white backgrounds. Know how to get rid of it? Ive asked to make the background transparent or adjust to dark mode to no avail.

---

<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:** [July 5, 2024, 7:21pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/38 "2024-07-05T19:21:09Z")

</div>

I haven’t figured out anything reliable yet.

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 5, 2024, 8:30pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/39 "2024-07-05T20:30:14Z")

</div>

Image map (With HTML image maps, you can create clickable areas on an image) has been a missing component in Glide - but you can now do it yourself by the custom component

Based on the example from w3schools

> **[W3Schools.com](https://www.w3schools.com/html/html_images_imagemap.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

Notice that href has been taken out.

The input is the one below.

When you click the computer then the action computer is run.  
When you click the phone then the action phone is run.

> create an image map based on Myimage

> ```
> <img
> src="workplace.jpg"
> alt="Workplace"
> usemap="#workmap"
> />
> 
> ```

```
<map name="workmap">
  <area
    shape="rect"
    coords="34,44,270,350"
    alt="Computer"
  />
  <area shape="rect" coords="290,172,333,250" alt="Phone" />
  <area shape="circle" coords="337,300,44" alt="Coffee" />
</map>

| when computer is clicked then run "computer". | when phone
is clicked then run "phone"

```

* * *

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

---

<div class="post-metadata">

**Author:** ![Franky\_Boy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/franky_boy/32/58265_2.png) [@Franky\_Boy](https://community.glideapps.com/u/Franky_Boy)\
**Post date:** [July 6, 2024, 7:36am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/40 "2024-07-06T07:36:04Z")

</div>

This is a big leap. Could I please ask if there is a ‘generate a list’ from all columns in the table option in the pipeline? This seems close to having the ability to create a complete application from a prompt. The Glide software developers really are next level.

---

<div class="post-metadata">

**Author:** ![Carbonsquare](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carbonsquare/32/55224_2.png) [@Carbonsquare](https://community.glideapps.com/u/Carbonsquare)\
**Post date:** [July 6, 2024, 3:55pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/41 "2024-07-06T15:55:00Z")

</div>

Most definitely enjoying the ability to paste in external HTML code from online solutions like Elfsight. Now I can easily add in my customized Countdown Timers with ease using the new Custom Component. Bravo Glide!

**Embedded HTML Countdown Timer**

 ![HTML Countdown Timer Embed](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/a/9a5dbe8daf495449a4db98e701b92d6b6ac4d21e.png)

[Previous page](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533.md?page=1)

[Next page](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533.md?page=3)
