🆕 Custom Component (AI Generated) - Feedback wanted!

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

4 Likes

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

2 Likes

This is nuts :exploding_head:

3 Likes

We’re working on an official gallery.

27 Likes

This is incredible.

That will be superb :wink:

Moving price filter

5 Likes

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!

4 Likes

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

CleanShot 2024-07-04 at 09.33.31

7 Likes

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.

9 Likes

Partial star ratings:

6 Likes

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

Is copying a custom component between apps possible?

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

Ya— you get different results:

1 Like

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.

2 Likes

I haven’t figured out anything reliable yet.

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

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"

3 Likes

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.

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

10 Likes