# A couple of test components

**URL:** <https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963>\
**Category:** Elements API\
**Created:** [July 29, 2024, 5:00pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963 "2024-07-29T17:00:42Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 5:00pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/1 "2024-07-29T17:00:42Z")

</div>

hopefully these are downloadable , still trying to do things with custom components, need to stop messing with this, hopefully they work. In the animate border had add rgb adjust

trianglecreate  
[https://www.dropbox.com/scl/fo/4w37v61wifiduv1cxoym4/AL6jSwF\_GLMPCisDjx4j-P0?rlkey=h4chrfiuq1negr0ppicmjmmd6&st=p2vxl65a&dl=0](https://www.dropbox.com/scl/fo/4w37v61wifiduv1cxoym4/AL6jSwF_GLMPCisDjx4j-P0?rlkey=h4chrfiuq1negr0ppicmjmmd6&st=p2vxl65a&dl=0)

animate border  
[https://www.dropbox.com/scl/fo/vytxl7v40iwlvzxejk109/AAAo6sTtO85U1bJJZqmtApE?rlkey=sh9d8k000lyyfpk4cyr6ks5z4&st=r35eou9d&dl=0](https://www.dropbox.com/scl/fo/vytxl7v40iwlvzxejk109/AAAo6sTtO85U1bJJZqmtApE?rlkey=sh9d8k000lyyfpk4cyr6ks5z4&st=r35eou9d&dl=0)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 29, 2024, 8:48pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/2 "2024-07-29T20:48:18Z")

</div>

Yup, they both work great. Nice one!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 9:14pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/3 "2024-07-29T21:14:51Z")

</div>

working my way through the ui as well as seeing what works, not sure how to implement the image well though. created a well and dropped an image in started to look at it but tried a few things - animborder example

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 29, 2024, 9:21pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/4 "2024-07-29T21:21:23Z")

</div>

Here’s how to do it:

Use this code for the property, I called it “yourImage”.

```auto
 {
  "title": "Image",
  "property": "yourImage",
  "image": {}
},

```

Then in the template file replace the url to the old image with property you just created:

```auto
{{yourImage}}

```

Like this…

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 9:30pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/5 "2024-07-29T21:30:14Z")

</div>

Dan thanks does it have to be yourImage, I tried exactly that I am sure but with a different name maybe I had, something else in the code, I was  
so close, now I can do a lot more on other things I have been working on

such a powerful app, have a few web building apps but this best I have used and only in beta. go ingthrough the rest of the ui at the moment, visible and enabled next I hope

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 29, 2024, 9:32pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/6 "2024-07-29T21:32:52Z")

</div>

> [@upssjw](#):
>
> Dan thanks does it have to be yourImage,

Nope, You can call it anything you like!

EDIT: oh, it is best to make it unique so it doesn’t clash with other properties. Have fun!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 10:11pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/7 "2024-07-29T22:11:51Z")

</div>

Dan I had tried that before, I checked a previous save I had curly brackets in th property bit, not sure why I was probably copying pasting,

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 10:21pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/8 "2024-07-29T22:21:51Z")

</div>

dan apologies the hover works in Elements, when I view in safari the hover images does not work, it did with the external link, could you try your modified animate border project.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 10:30pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/9 "2024-07-29T22:30:00Z")

</div>

even more weird when I preview in safari it disc caching the previous external , but not in elements

 ![Screenshot 2024-07-29 at 23.26.26](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/0/704cc0db5c62be182f61a6964eefb25e5683716e.jpeg)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 10:39pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/10 "2024-07-29T22:39:06Z")

</div>

vid of mad [caching](https://www.dropbox.com/scl/fo/df519rdlq0vsxi7jigy8g/AF1UywxoPzyyNYT30dDs984?rlkey=vierm0000a9cfl9b3odbjy55w&st=o68j8hyq&dl=0)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 29, 2024, 10:53pm UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/11 "2024-07-29T22:53:43Z")

</div>

saved shutdown new image, hover works in Elements but not in safari,

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 30, 2024, 7:19am UTC](https://forums.realmacsoftware.com/t/a-couple-of-test-components/43963/12 "2024-07-30T07:19:45Z")

</div>

Ahhh, just taken a look and it appears to be a bug with the resources path on export/preview. We’ll get that fixed for the next beta!