# Elements API **URL:** https://forums.realmacsoftware.com/c/elements-api/56.md?page=5 [Latest](https://forums.realmacsoftware.com/latest.md) · [Categories](https://forums.realmacsoftware.com/categories.md) · [Tags](https://forums.realmacsoftware.com/tags.md) **Page:** 6 --- ## [Trying to streamline using drop zones](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 83\ **Last updated:** [January 11, 2025, 4:14pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598 "2025-01-11T16:14:00Z")
@dan trying to maker things easy for myself less code, maybe this is not possible using drop zone rather than have to produce hundreds of lines in properties ui can see in safari but not in Elements --- ## [Custom components overridden by screen sizes](https://forums.realmacsoftware.com/t/custom-components-overridden-by-screen-sizes/45890)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 0\ **Last updated:** [January 11, 2025, 2:31pm UTC](https://forums.realmacsoftware.com/t/custom-components-overridden-by-screen-sizes/45890 "2025-01-11T14:31:15Z")
maybe doing something wrong but this issue has happened before, if you do not select all screen sizes in the theme studio then any classes you use are not recognised in those screens not selected, I know before I have sa… --- ## [Component Code Examples on GitHub Updated](https://forums.realmacsoftware.com/t/component-code-examples-on-github-updated/45861)
**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\ **Replies:** 0\ **Last updated:** [January 9, 2025, 11:45am UTC](https://forums.realmacsoftware.com/t/component-code-examples-on-github-updated/45861 "2025-01-09T11:45:21Z")
If you’re creating custom components or are interested in getting started, we now have a GitHub repository with plenty of code examples, most of them are fairly basic right now, but you can expect more complex examples t… --- ## [Custom colour responsive](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 8\ **Last updated:** [January 8, 2025, 12:28pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852 "2025-01-08T12:28:19Z")
@dan is there a reason why when using theme colour property it is not responsive, no dot to the left, the using “responsive”: true, --- ## [ID Name starts with 'preview' error](https://forums.realmacsoftware.com/t/id-name-starts-with-preview-error/45690)
**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\ **Replies:** 1\ **Last updated:** [December 21, 2024, 4:48pm UTC](https://forums.realmacsoftware.com/t/id-name-starts-with-preview-error/45690 "2024-12-21T16:48:25Z")
Just got this bug again in b29: ID Syntax Error in Template Flagging it up in case it has dropped off the list since August? :wink: --- ## [DevPack Template FileType - Allow PHP](https://forums.realmacsoftware.com/t/devpack-template-filetype-allow-php/45688)
**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\ **Replies:** 1\ **Last updated:** [December 21, 2024, 12:34pm UTC](https://forums.realmacsoftware.com/t/devpack-template-filetype-allow-php/45688 "2024-12-21T12:34:18Z")
It would be useful to allow Devpack components to allow template files of index.php as well as index.html. Was trying to figure out why my manually created Devpack wasn’t displaying anything in preview and then suddenly… --- ## [Fetch API not supported?](https://forums.realmacsoftware.com/t/fetch-api-not-supported/45670)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 5\ **Last updated:** [December 19, 2024, 8:21pm UTC](https://forums.realmacsoftware.com/t/fetch-api-not-supported/45670 "2024-12-19T20:21:42Z")
I am trying to retrieve data from Jotform tables via the API. However, I am getting the following error message: "Error parsing hooks ReferenceError: Can’t find variable: fetch on line 5 " After some research, it seem… --- ## [How to Implement a Loading Animation With JavaScript](https://forums.realmacsoftware.com/t/how-to-implement-a-loading-animation-with-javascript/45645)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 4\ **Last updated:** [December 16, 2024, 11:01pm UTC](https://forums.realmacsoftware.com/t/how-to-implement-a-loading-animation-with-javascript/45645 "2024-12-16T23:01:24Z")
For one of my sites, I made a custom component with a loading animation. I was wondering how to Implement the Animation so it shows up when the page is loading and disappears when the page is loaded. --- ## [Error message with custom component](https://forums.realmacsoftware.com/t/error-message-with-custom-component/45641)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 1\ **Last updated:** [December 16, 2024, 2:07pm UTC](https://forums.realmacsoftware.com/t/error-message-with-custom-component/45641 "2024-12-16T14:07:16Z")
@dan probably trying something not possible, not sure drop zones like being used the way I am trying I have no code in hooks --- ## [Container Not Showing Content?](https://forums.realmacsoftware.com/t/container-not-showing-content/45617)
**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\ **Replies:** 2\ **Last updated:** [December 14, 2024, 3:21pm UTC](https://forums.realmacsoftware.com/t/container-not-showing-content/45617 "2024-12-14T15:21:14Z")
I have dropped a Devpack Component into a Flex Item Container and it isn’t showing the Devpack Component in the Page Layout tab. It is shown in the WYSIWYG editor. I have added a separate Container (non-flex) to the page… --- ## [Js Template file with Property Variables](https://forums.realmacsoftware.com/t/js-template-file-with-property-variables/45613)
**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\ **Replies:** 2\ **Last updated:** [December 14, 2024, 11:53am UTC](https://forums.realmacsoftware.com/t/js-template-file-with-property-variables/45613 "2024-12-14T11:53:54Z")
Hi @dan I’m about ready to move over to a Dev Pack and I need to have a js template file where I can inject property variables. What would I name the file and where would I put it ? --- ## [Ecommerce or shopping cart](https://forums.realmacsoftware.com/t/ecommerce-or-shopping-cart/45490)
**Author:** [@macca](https://forums.realmacsoftware.com/u/macca)\ **Replies:** 11\ **Last updated:** [December 12, 2024, 10:38pm UTC](https://forums.realmacsoftware.com/t/ecommerce-or-shopping-cart/45490 "2024-12-12T22:38:01Z")
Hi Dan, and all, now that Ecwid has been acquired by Lightspeed and they are and will compete against rapidweaver are you going to add an e-commerce to elements? Ecwid was a good shopping cart, but it will become expens… --- ## [Creating dev packs](https://forums.realmacsoftware.com/t/creating-dev-packs/45581)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 4\ **Last updated:** [December 11, 2024, 5:46pm UTC](https://forums.realmacsoftware.com/t/creating-dev-packs/45581 "2024-12-11T17:46:09Z")
@dan where does the css file get places, what name should the css file be called --- ## [Little badge custom component](https://forums.realmacsoftware.com/t/little-badge-custom-component/45402)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 25\ **Last updated:** [December 11, 2024, 7:57am UTC](https://forums.realmacsoftware.com/t/little-badge-custom-component/45402 "2024-12-11T07:57:02Z")
I made a little badge custom component. Those who are interested, can download it here. --- ## [Not sure if its me or if Elements can accommodate freeform drag and drop](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 7\ **Last updated:** [December 9, 2024, 11:19am UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541 "2024-12-09T11:19:52Z")
ok I am in the middle if getting chatgtp to create this, I can do most of this myself but all from sliders, thought I would dry draggable boxes, working adding the ui controls into the code, chatgtp said it could if I pr… --- ## [Tutorial: Using ChatGPT and Nova to help fix Component coding errors](https://forums.realmacsoftware.com/t/tutorial-using-chatgpt-and-nova-to-help-fix-component-coding-errors/45524)
**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\ **Replies:** 4\ **Last updated:** [December 6, 2024, 11:46pm UTC](https://forums.realmacsoftware.com/t/tutorial-using-chatgpt-and-nova-to-help-fix-component-coding-errors/45524 "2024-12-06T23:46:42Z")
If you’re building external Element Dev Packs, it’s worth using a little AI to help you out. In this tutorial I show you how to use the new “Work with apps” feature in the ChatGPT Mac App and get it hooked up to Nova fro… --- ## [Collections in a Dev Pack](https://forums.realmacsoftware.com/t/collections-in-a-dev-pack/45530)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 3\ **Last updated:** [December 6, 2024, 9:18pm UTC](https://forums.realmacsoftware.com/t/collections-in-a-dev-pack/45530 "2024-12-06T21:18:28Z")
Can a custom component that uses collections in the editor be converted into a Dev Pack, since the editor is not accessible there? --- ## [Issue with drop zone maybe](https://forums.realmacsoftware.com/t/issue-with-drop-zone-maybe/45456)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 2\ **Last updated:** [December 4, 2024, 11:22am UTC](https://forums.realmacsoftware.com/t/issue-with-drop-zone-maybe/45456 "2024-12-04T11:22:34Z")
@dan if I use Top in a div inside a div Top and Left work no issues in editor or safari if I use the code in a Dropzone Top does not move in editor but in safari, Left works both in editor and safari --- ## [Creating Element Dev Packs Update](https://forums.realmacsoftware.com/t/creating-element-dev-packs-update/45459)
**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\ **Replies:** 2\ **Last updated:** [December 3, 2024, 5:57pm UTC](https://forums.realmacsoftware.com/t/creating-element-dev-packs-update/45459 "2024-12-03T17:57:07Z")
Hey all, We had hoped to ship another beta today with the ability to create Dev Packs, but unfortunately we’ve just ran out of time :face\_exhaling: However, the work on this has been going great, and it’s getting very … --- ## [Custom component: text bubbles](https://forums.realmacsoftware.com/t/custom-component-text-bubbles/45434)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 12\ **Last updated:** [November 28, 2024, 6:38pm UTC](https://forums.realmacsoftware.com/t/custom-component-text-bubbles/45434 "2024-11-28T18:38:22Z")
To wrap up the day, I quickly created a custom component. For this one, I experimented with adjusting the number of elements using a slider. You can set the number of left and right text bubbles, and they automatically a… --- ## [Question about the number property](https://forums.realmacsoftware.com/t/question-about-the-number-property/45427)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 4\ **Last updated:** [November 27, 2024, 10:55pm UTC](https://forums.realmacsoftware.com/t/question-about-the-number-property/45427 "2024-11-27T22:55:04Z")
Is there a way to determine the number of div-elements using a number property? I’m looking for a method that allows a user in a custom component to set the number of div-elements through a numeric field in the inspector… --- ## [Another new custom component: progress bar](https://forums.realmacsoftware.com/t/another-new-custom-component-progress-bar/45424)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 1\ **Last updated:** [November 27, 2024, 3:24pm UTC](https://forums.realmacsoftware.com/t/another-new-custom-component-progress-bar/45424 "2024-11-27T15:24:06Z")
I experimented further with the possibilities of custom components, and they seem to be endless. This is a progress bar where almost everything can be configured (main bar, progress bar, bubble). Colors, borders, padding… --- ## [Anchors practice](https://forums.realmacsoftware.com/t/anchors-practice/45358)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 23\ **Last updated:** [November 26, 2024, 5:05pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358 "2024-11-26T17:05:59Z")
Never used anchors had to look up tailwind and css so just starting not sure what is required no idea if I will be able to do much more but first go for practice --- ## [Custom Element Properties](https://forums.realmacsoftware.com/t/custom-element-properties/45377)
**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\ **Replies:** 2\ **Last updated:** [November 26, 2024, 9:41am UTC](https://forums.realmacsoftware.com/t/custom-element-properties/45377 "2024-11-26T09:41:04Z")
It would be very helpful to be able to have access to a file containing all the V2 Elements standard properties definitions so that Custom Components would follow the V2 guidelines. This file could be downloaded and edi… --- ## [Working Google Sheet Custom component to share](https://forums.realmacsoftware.com/t/working-google-sheet-custom-component-to-share/45379)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 14\ **Last updated:** [November 25, 2024, 7:03pm UTC](https://forums.realmacsoftware.com/t/working-google-sheet-custom-component-to-share/45379 "2024-11-25T19:03:35Z")
Because I am gradually transitioning my existing sites from RW Classic to Elements, and since there aren’t yet components available from third-party developers, I started tinkering myself. Inspired by Dan’s videos and th… --- ## [Columns practice](https://forums.realmacsoftware.com/t/columns-practice/45259)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 41\ **Last updated:** [November 22, 2024, 8:18pm UTC](https://forums.realmacsoftware.com/t/columns-practice/45259 "2024-11-22T20:18:44Z")
not sure if this is me or a bug, moved from float to columns (definitely did not use columns in Rapidweaver or tried in tailwind), a lot of different options on the tailwind site. So if I remove the image from the drop z… --- ## [Padding and margins settings (not) working for accordion component](https://forums.realmacsoftware.com/t/padding-and-margins-settings-not-working-for-accordion-component/45296)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 6\ **Last updated:** [November 18, 2024, 10:39pm UTC](https://forums.realmacsoftware.com/t/padding-and-margins-settings-not-working-for-accordion-component/45296 "2024-11-18T22:39:13Z")
I have a custom component where the margin and padding settings for the top don’t seem to work. All other options (left, right, bottom) do work. The issue occurs in every section of the custom component where margin and … --- ## [Float and practice](https://forums.realmacsoftware.com/t/float-and-practice/45227)
**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Replies:** 8\ **Last updated:** [November 12, 2024, 7:44pm UTC](https://forums.realmacsoftware.com/t/float-and-practice/45227 "2024-11-12T19:44:21Z")
working through the tailwind classes I have not used, in this case float, don’t think I have ever used float before, so still a few more float bits still to figure out and add some more controls, video of progress and ht… --- ## [Undefined is not an object](https://forums.realmacsoftware.com/t/undefined-is-not-an-object/45222)
**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\ **Replies:** 5\ **Last updated:** [November 11, 2024, 10:24pm UTC](https://forums.realmacsoftware.com/t/undefined-is-not-an-object/45222 "2024-11-11T22:24:53Z")
Hi guys, I have an image control but when dropping it onto the page, it’s giving me ‘Undefined is not an object’ in the edit window and breaks everything from running. I tried doing a simple check to see if that contr… --- ## [Custom Components : UI controls](https://forums.realmacsoftware.com/t/custom-components-ui-controls/45086)
**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Replies:** 1\ **Last updated:** [October 30, 2024, 8:46am UTC](https://forums.realmacsoftware.com/t/custom-components-ui-controls/45086 "2024-10-30T08:46:00Z")
Will there be additional UI controls for custom components, such as date, time, etc.? [Previous page](https://forums.realmacsoftware.com/c/elements-api/56.md?page=4) [Next page](https://forums.realmacsoftware.com/c/elements-api/56.md?page=6)