# Elements API

**URL:** https://forums.realmacsoftware.com/c/elements-api/56.md?page=7

[Latest](https://forums.realmacsoftware.com/latest.md) · [Categories](https://forums.realmacsoftware.com/categories.md) · [Tags](https://forums.realmacsoftware.com/tags.md)

**Page:** 8

---

## [Working on this for practice 3d](https://forums.realmacsoftware.com/t/working-on-this-for-practice-3d/44679)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 9\
**Last updated:** [September 23, 2024, 7:42pm UTC](https://forums.realmacsoftware.com/t/working-on-this-for-practice-3d/44679 "2024-09-23T19:42:20Z")

</div>

recording this soon creates large video sizes, (4 second gif was too big even at low res) need to add more options only one control so far

---

## [Page\_id settings](https://forums.realmacsoftware.com/t/page-id-settings/44649)

<div class="topic-metadata">

**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\
**Replies:** 6\
**Last updated:** [September 16, 2024, 7:28pm UTC](https://forums.realmacsoftware.com/t/page-id-settings/44649 "2024-09-16T19:28:27Z")

</div>

I use Hyvor to allow visitors to add comments. I have different texts on a page, and for each text (in a container), there should be an option to comment. According to Hyvor, I need to assign a Page\_id to each text. How …

---

## [Odd behaviour since update with text](https://forums.realmacsoftware.com/t/odd-behaviour-since-update-with-text/44650)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 8\
**Last updated:** [September 16, 2024, 4:18pm UTC](https://forums.realmacsoftware.com/t/odd-behaviour-since-update-with-text/44650 "2024-09-16T16:18:18Z")

</div>

The text was showing in my custom element prior to the latest update, after update I get this text showing instead

---

## [Beautiful Tailwind Gradients](https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640)

<div class="topic-metadata">

**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\
**Replies:** 3\
**Last updated:** [September 16, 2024, 6:38am UTC](https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640 "2024-09-16T06:38:12Z")

</div>

I came across this while noodling around on the internet today. A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even s…

---

## [The Elements manual is available on GitHub](https://forums.realmacsoftware.com/t/the-elements-manual-is-available-on-github/44274)

<div class="topic-metadata">

**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\
**Replies:** 6\
**Last updated:** [September 12, 2024, 8:29pm UTC](https://forums.realmacsoftware.com/t/the-elements-manual-is-available-on-github/44274 "2024-09-12T20:29:04Z")

</div>

All our documentation for Elements is on GitHub, this means you can download it for your own use, or contribute to it — we’d love the help! Changes to the documentation will get pushed (with approval) to the live site…

---

## [Properties: Radio Selection?](https://forums.realmacsoftware.com/t/properties-radio-selection/44608)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 0\
**Last updated:** [September 11, 2024, 9:51am UTC](https://forums.realmacsoftware.com/t/properties-radio-selection/44608 "2024-09-11T09:51:34Z")

</div>

It would be useful to be able to group Switch properties and have them behave like radio buttons. I can’t see that this can be done at the moment?

---

## [Grid using custom html component 85% complete download](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 13\
**Last updated:** [September 8, 2024, 9:19pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460 "2024-09-08T21:19:33Z")

</div>

thought I would see if I could control a three grid layout just tailwind and Elements Lots to do, the cols and rows were fixed for the grid not set a lot up yet I even have one of the grids scrolling, kind of shows in …

---

## [Custom HTML Component - Tabs](https://forums.realmacsoftware.com/t/custom-html-component-tabs/44554)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 1\
**Last updated:** [September 7, 2024, 10:08am UTC](https://forums.realmacsoftware.com/t/custom-html-component-tabs/44554 "2024-09-07T10:08:23Z")

</div>

I have setup a Custom HTML Component with the following template code, that uses Alpine JS reactive data: \<div x-data="{ tab: 'tab1' }" class="max-w-xl mx-auto"\> \<div class="mb-4"\> \<button :c…

---

## [Blogger Import using Custom Component?](https://forums.realmacsoftware.com/t/blogger-import-using-custom-component/44536)

<div class="topic-metadata">

**Author:** [@jscotta](https://forums.realmacsoftware.com/u/jscotta)\
**Replies:** 2\
**Last updated:** [September 5, 2024, 12:58pm UTC](https://forums.realmacsoftware.com/t/blogger-import-using-custom-component/44536 "2024-09-05T12:58:26Z")

</div>

I’m spitballing this without any research so feel free to flame me for not doing my homework. Has anyone put any thought into the idea of using a Custom Component to import blog streams created in Blogger? This would re…

---

## [Custom Element Property Scope](https://forums.realmacsoftware.com/t/custom-element-property-scope/44416)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 6\
**Last updated:** [August 29, 2024, 12:39pm UTC](https://forums.realmacsoftware.com/t/custom-element-property-scope/44416 "2024-08-29T12:39:38Z")

</div>

Is there a mechanism for defining a property in one Custom Element and accessing that property in another Custom Element or are the properties accessible only within the scope of their own Element?

---

## [Hooks: set and get properties example?](https://forums.realmacsoftware.com/t/hooks-set-and-get-properties-example/44446)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 2\
**Last updated:** [August 29, 2024, 9:49am UTC](https://forums.realmacsoftware.com/t/hooks-set-and-get-properties-example/44446 "2024-08-29T09:49:14Z")

</div>

Reference: Conditional Statements | Elements Manual I note that @if statement can only check a property for being true or false (!property for which there is no example). I think this page would benefit with having a re…

---

## [Drop zone identification labelling](https://forums.realmacsoftware.com/t/drop-zone-identification-labelling/44447)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 2\
**Last updated:** [August 28, 2024, 11:06am UTC](https://forums.realmacsoftware.com/t/drop-zone-identification-labelling/44447 "2024-08-28T11:06:11Z")

</div>

might be missing something that’s already available I created my own labelling see video, can turn off or on when there is a large number of drop zones identifying each one is complicated, again I might have missed som…

---

## [Flex image component](https://forums.realmacsoftware.com/t/flex-image-component/44438)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 2\
**Last updated:** [August 27, 2024, 6:32pm UTC](https://forums.realmacsoftware.com/t/flex-image-component/44438 "2024-08-27T18:32:12Z")

</div>

need to stop with Elements :joy: too addictive, of no use to anyone but good practice, limited controls as of yet custom component https://we.tl/t-eE4o4JTolI video https://we.tl/t-7XxYSbE41K

---

## [Create card update responsive](https://forums.realmacsoftware.com/t/create-card-update-responsive/44431)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 2\
**Last updated:** [August 27, 2024, 3:00pm UTC](https://forums.realmacsoftware.com/t/create-card-update-responsive/44431 "2024-08-27T15:00:07Z")

</div>

new version, still needs some tweaks and fixes - download below video to show very quick overview, too large other gifs link to custom element - complicated https://we.tl/t-rrMJo7GnKI

---

## [Responsive card update](https://forums.realmacsoftware.com/t/responsive-card-update/44430)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 1\
**Last updated:** [August 27, 2024, 10:17am UTC](https://forums.realmacsoftware.com/t/responsive-card-update/44430 "2024-08-27T10:17:40Z")

</div>

Not sure how you upload gifs, do I just drop the gif in this edit box

---

## [Aspect ratio sizing](https://forums.realmacsoftware.com/t/aspect-ratio-sizing/44405)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 4\
**Last updated:** [August 26, 2024, 12:45pm UTC](https://forums.realmacsoftware.com/t/aspect-ratio-sizing/44405 "2024-08-26T12:45:26Z")

</div>

I am trying to create my own entry for aspect ratio, tried a few ways but the output is always odd, might be missing some code aspect-\[12/ sm:aspect-\[8/ md:aspect-\[12/10\] sm:14\] md:8\] lg:10\] I see on the video element …

---

## [ID Syntax Error in Template](https://forums.realmacsoftware.com/t/id-syntax-error-in-template/44415)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 1\
**Last updated:** [August 26, 2024, 10:36am UTC](https://forums.realmacsoftware.com/t/id-syntax-error-in-template/44415 "2024-08-26T10:36:42Z")

</div>

It appears you can’t have an ID in a Custom Component that starts with the letters preview, i.e. previewLoggedIn as an ID fails with the message: I assume this is because preview is an Elements system ID and the parsi…

---

## [Updated UI Control Docs!](https://forums.realmacsoftware.com/t/updated-ui-control-docs/44410)

<div class="topic-metadata">

**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\
**Replies:** 4\
**Last updated:** [August 26, 2024, 8:21am UTC](https://forums.realmacsoftware.com/t/updated-ui-control-docs/44410 "2024-08-26T08:21:23Z")

</div>

Hey guys, I’ve spent some time this afternoon updating the docs for the UI Controls to include two examples. We now include the single control, and the grouped control. This should make it easier for anyone to build …

---

## [Enabled vs Visible Control Attributes](https://forums.realmacsoftware.com/t/enabled-vs-visible-control-attributes/44310)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 1\
**Last updated:** [August 17, 2024, 9:39am UTC](https://forums.realmacsoftware.com/t/enabled-vs-visible-control-attributes/44310 "2024-08-17T09:39:45Z")

</div>

I’m wondering what happens when you have a default value set for a control and you set the following: Will a value be used when enabled is false? Will a value be used when visible is false? Thanks, Bill Stack-…

---

## [Keep the flames to minimum please… First draft custom GPT for Elements Components](https://forums.realmacsoftware.com/t/keep-the-flames-to-minimum-please-first-draft-custom-gpt-for-elements-components/44211)

<div class="topic-metadata">

**Author:** [@jscotta](https://forums.realmacsoftware.com/u/jscotta)\
**Replies:** 36\
**Last updated:** [August 15, 2024, 6:00pm UTC](https://forums.realmacsoftware.com/t/keep-the-flames-to-minimum-please-first-draft-custom-gpt-for-elements-components/44211 "2024-08-15T18:00:01Z")

</div>

Frankly I’ve not tested this yet. But maybe it will be helpful to someone. Unfortunately it only has access to unreliable URL’s for its knowledge. Maybe actual documents will appear that I can tokenize and add for knowle…

---

## [Dropzone Control from a Dropdown](https://forums.realmacsoftware.com/t/dropzone-control-from-a-dropdown/44214)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 8\
**Last updated:** [August 15, 2024, 2:39pm UTC](https://forums.realmacsoftware.com/t/dropzone-control-from-a-dropdown/44214 "2024-08-15T14:39:05Z")

</div>

I’m trying to control whether a dropzone is shown or not, based on a dropdown selection value: @if(mydropdownlist == "a") @dropzone("child1") @endif I’m not even sure if a dropdown control exists yet, but it definite…

---

## [Design your own card - progress](https://forums.realmacsoftware.com/t/design-your-own-card-progress/44251)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 9\
**Last updated:** [August 14, 2024, 4:41pm UTC](https://forums.realmacsoftware.com/t/design-your-own-card-progress/44251 "2024-08-14T16:41:34Z")

</div>

hope this wetransfer works, going on holiday for a few weeks so time off practicing still working on rotate and a few other things best only to delete two and duplicate the remains, otherwise drag card onto page and st…

---

## [Custom Component & Template Areas](https://forums.realmacsoftware.com/t/custom-component-template-areas/44273)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 1\
**Last updated:** [August 14, 2024, 4:20pm UTC](https://forums.realmacsoftware.com/t/custom-component-template-areas/44273 "2024-08-14T16:20:30Z")

</div>

It would be useful if a Custom Component could add code to a selected page template area (if that is the correct term) via an API call. I am working on securing a page with Sitelok that requires adding code at the start …

---

## [Properties: UI Control - Date | Time](https://forums.realmacsoftware.com/t/properties-ui-control-date-time/44233)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 2\
**Last updated:** [August 12, 2024, 7:39pm UTC](https://forums.realmacsoftware.com/t/properties-ui-control-date-time/44233 "2024-08-12T19:39:41Z")

</div>

It would useful to have a Date | Time selector as a UI control. Is one planned?

---

## [Video as unable to copy yet between projects](https://forums.realmacsoftware.com/t/video-as-unable-to-copy-yet-between-projects/44204)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 1\
**Last updated:** [August 9, 2024, 2:55pm UTC](https://forums.realmacsoftware.com/t/video-as-unable-to-copy-yet-between-projects/44204 "2024-08-09T14:55:07Z")

</div>

hopefully copy and paste between projects will be resolved so if anyone interested some of my custom html components https://we.tl/t-ViAe4AuuuG

---

## [Trying to string html components together](https://forums.realmacsoftware.com/t/trying-to-string-html-components-together/44188)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 1\
**Last updated:** [August 8, 2024, 2:28pm UTC](https://forums.realmacsoftware.com/t/trying-to-string-html-components-together/44188 "2024-08-08T14:28:22Z")

</div>

As I wrote most of these for practice rather than thinking ahead, I learnt quite a lot now I tried putting my 3d spinning cube in the animation border component, one is percent the other pixels, need to change them both …

---

## [Just had issue with custom components](https://forums.realmacsoftware.com/t/just-had-issue-with-custom-components/44189)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 1\
**Last updated:** [August 8, 2024, 2:27pm UTC](https://forums.realmacsoftware.com/t/just-had-issue-with-custom-components/44189 "2024-08-08T14:27:11Z")

</div>

I dropped custom components in from one project to the next, this has worked before, this time all the code is missing Trying again when you copy from one project to the next they need to be pen when you save or that’s…

---

## [Custom HTML Component - Visible Property](https://forums.realmacsoftware.com/t/custom-html-component-visible-property/44187)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 8\
**Last updated:** [August 8, 2024, 2:01pm UTC](https://forums.realmacsoftware.com/t/custom-html-component-visible-property/44187 "2024-08-08T14:01:15Z")

</div>

I have the following Custom HTML Properties defined: { "groups": \[ { "title": "SWITCH TEST", "icon": "switch.2", "properties": \[ { "title": "Test Switch", …

---

## [Custom Component examples download](https://forums.realmacsoftware.com/t/custom-component-examples-download/44166)

<div class="topic-metadata">

**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\
**Replies:** 0\
**Last updated:** [August 7, 2024, 9:07pm UTC](https://forums.realmacsoftware.com/t/custom-component-examples-download/44166 "2024-08-07T21:07:30Z")

</div>

I started putting together a new project with some example custom components in. I’m sharing it here as I thought it might be interesting for others that are just getting into building their own. Have fun. :arrow\_down: D…

---

## [Custom Component Property - Check Box](https://forums.realmacsoftware.com/t/custom-component-property-check-box/44164)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 1\
**Last updated:** [August 7, 2024, 8:50pm UTC](https://forums.realmacsoftware.com/t/custom-component-property-check-box/44164 "2024-08-07T20:50:50Z")

</div>

Q1: What is the format for a Custom Component Property for a check box? Q2: Is there a list of Propert Types?

[Previous page](https://forums.realmacsoftware.com/c/elements-api/56.md?page=6)

[Next page](https://forums.realmacsoftware.com/c/elements-api/56.md?page=8)
