# Elements API

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

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

**Page:** 7

---

## [WISIWYG custom components](https://forums.realmacsoftware.com/t/wisiwyg-custom-components/45066)

<div class="topic-metadata">

**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\
**Replies:** 5\
**Last updated:** [October 28, 2024, 10:55am UTC](https://forums.realmacsoftware.com/t/wisiwyg-custom-components/45066 "2024-10-28T10:55:30Z")

</div>

I created a custom component to automatically import data from Google Sheets. However, I still have to preview it in Safari each time. Is there a way to view the preview directly in Elements? The WYSIWYG aspect of Elemen…

---

## [Custom components in a responsive design](https://forums.realmacsoftware.com/t/custom-components-in-a-responsive-design/45073)

<div class="topic-metadata">

**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\
**Replies:** 4\
**Last updated:** [October 28, 2024, 10:37am UTC](https://forums.realmacsoftware.com/t/custom-components-in-a-responsive-design/45073 "2024-10-28T10:37:09Z")

</div>

I managed to create a fully functional custom component using only AI. I was looking for a solution to publish data from Google Sheets on a website. Currently, I can specify which data to retrieve, which data to display,…

---

## [Elements and ai creating properties](https://forums.realmacsoftware.com/t/elements-and-ai-creating-properties/45060)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 4\
**Last updated:** [October 26, 2024, 6:09pm UTC](https://forums.realmacsoftware.com/t/elements-and-ai-creating-properties/45060 "2024-10-26T18:09:37Z")

</div>

chatgtp showed it a slider property and background color then asked to write the code display what is on screen not exactly what I wanted but seemed to understand properties

---

## [Showing in Elements but not in Safari](https://forums.realmacsoftware.com/t/showing-in-elements-but-not-in-safari/45026)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 4\
**Last updated:** [October 24, 2024, 5:20pm UTC](https://forums.realmacsoftware.com/t/showing-in-elements-but-not-in-safari/45026 "2024-10-24T17:20:22Z")

</div>

works in Elements but not in safari, previously had this issue, had been fixed

---

## [Custom Component Bundle Structure?](https://forums.realmacsoftware.com/t/custom-component-bundle-structure/45002)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 7\
**Last updated:** [October 19, 2024, 10:02pm UTC](https://forums.realmacsoftware.com/t/custom-component-bundle-structure/45002 "2024-10-19T22:02:44Z")

</div>

Reading the documentation here: Bundle Structure I am trying to create an extremely simple Custom Component bundle structure which has this template: \<div id="{{id}}" class="p-sm text-lg text-center {{customColor}}"\> …

---

## [Titles in Select Control](https://forums.realmacsoftware.com/t/titles-in-select-control/45008)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 3\
**Last updated:** [October 19, 2024, 9:57pm UTC](https://forums.realmacsoftware.com/t/titles-in-select-control/45008 "2024-10-19T21:57:04Z")

</div>

In the Select Control - noticed that titles are not showing up in the dropdown list. It’s showing the values.

---

## [Custom Component Icons - PDF?](https://forums.realmacsoftware.com/t/custom-component-icons-pdf/45001)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 5\
**Last updated:** [October 18, 2024, 4:42pm UTC](https://forums.realmacsoftware.com/t/custom-component-icons-pdf/45001 "2024-10-18T16:42:43Z")

</div>

Reference this documentation: Icons It says “ At a bare minimum you’ll want to include PDF’s images for light mode icons so they can be used for all views where your Component appears within the RapidWeaver Elements UI…

---

## [Text Sizing Control](https://forums.realmacsoftware.com/t/text-sizing-control/44906)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 2\
**Last updated:** [October 11, 2024, 3:07pm UTC](https://forums.realmacsoftware.com/t/text-sizing-control/44906 "2024-10-11T15:07:30Z")

</div>

I just wanted to verify that this is the way to set text sizing for various devices. I want the smallest device size (I believe xs) at sm size and base device at base size & above: { "title": "Text Size:", "id": "te…

---

## [Use Tailwind for Component Styling](https://forums.realmacsoftware.com/t/use-tailwind-for-component-styling/44934)

<div class="topic-metadata">

**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\
**Replies:** 0\
**Last updated:** [October 11, 2024, 10:17am UTC](https://forums.realmacsoftware.com/t/use-tailwind-for-component-styling/44934 "2024-10-11T10:17:49Z")

</div>

Elements is based on Tailwind CSS, so obviously we use Tailwind for all our components, and highly recommend developers building for Elements do the same. If everyone is using Tailwind we can ensure consistency across a…

---

## [Tips for using Cursor (for Custom Component development)](https://forums.realmacsoftware.com/t/tips-for-using-cursor-for-custom-component-development/44915)

<div class="topic-metadata">

**Author:** [@jscotta](https://forums.realmacsoftware.com/u/jscotta)\
**Replies:** 2\
**Last updated:** [October 9, 2024, 2:40pm UTC](https://forums.realmacsoftware.com/t/tips-for-using-cursor-for-custom-component-development/44915 "2024-10-09T14:40:51Z")

</div>

I’ve put together some tips for using Cursor that I think are relevant for custom EC (Elements Components) development that I hope helps. It is formatted in Markdown for those wondering. Editing & Navigation Shortcuts …

---

## [Custom Components Editing Current Position Bug](https://forums.realmacsoftware.com/t/custom-components-editing-current-position-bug/44859)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 2\
**Last updated:** [October 9, 2024, 1:23pm UTC](https://forums.realmacsoftware.com/t/custom-components-editing-current-position-bug/44859 "2024-10-09T13:23:20Z")

</div>

When you edit Custom Components and flip back and forth between editing a Template and Properties for example, Elements appears to forget the position it was in from the previous edit. Having done a bit of “debugging”,…

---

## [Ai create a blog](https://forums.realmacsoftware.com/t/ai-create-a-blog/44867)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 21\
**Last updated:** [October 8, 2024, 3:33pm UTC](https://forums.realmacsoftware.com/t/ai-create-a-blog/44867 "2024-10-08T15:33:50Z")

</div>

just for ai practice I moved to reset

---

## [Copying custom html components](https://forums.realmacsoftware.com/t/copying-custom-html-components/44190)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 18\
**Last updated:** [October 5, 2024, 4:56pm UTC](https://forums.realmacsoftware.com/t/copying-custom-html-components/44190 "2024-10-05T16:56:14Z")

</div>

narrowed down my issues with no html components disappearing if I copy a html component straight from one project page to another, it works until I close all down and then reopen the new file in a different directory h…

---

## [Ai generate where should I put this code](https://forums.realmacsoftware.com/t/ai-generate-where-should-i-put-this-code/44862)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 4\
**Last updated:** [October 5, 2024, 4:42pm UTC](https://forums.realmacsoftware.com/t/ai-generate-where-should-i-put-this-code/44862 "2024-10-05T16:42:28Z")

</div>

\<script src="//unpkg.com/alpinejs" defer\>\</script\> still ai practice and still getting my head around alpine js, can do little bits now but very basic elementsapp://downloadDocument/3sH9lIFsbgD3

---

## [Ai generate practice and fun](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 13\
**Last updated:** [October 4, 2024, 10:43pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827 "2024-10-04T22:43:38Z")

</div>

landing page + game masonry layout responsive local folder - obvious I haven’t used images

---

## [Custom Component Properties - Truncated Titles](https://forums.realmacsoftware.com/t/custom-component-properties-truncated-titles/44853)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 0\
**Last updated:** [October 4, 2024, 2:26pm UTC](https://forums.realmacsoftware.com/t/custom-component-properties-truncated-titles/44853 "2024-10-04T14:26:22Z")

</div>

In the Editor, you can widen the properties area which just expands the Value (right side area). It would be helpful to be able to expand the Title (left side area) so that the Title isn’t truncated. To get round this, …

---

## [@ if Inside of Classes](https://forums.realmacsoftware.com/t/if-inside-of-classes/44850)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 2\
**Last updated:** [October 4, 2024, 6:59am UTC](https://forums.realmacsoftware.com/t/if-inside-of-classes/44850 "2024-10-04T06:59:26Z")

</div>

I would be really nice if we could put a @ if statement inside of the class area for an element, so we don’t have to build extra html for each condition. Ex: \<div class="@if(somecheck1){{classesforcondition1}}@endif …

---

## [Setting BG Image & Opacity](https://forums.realmacsoftware.com/t/setting-bg-image-opacity/44849)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 4\
**Last updated:** [October 3, 2024, 10:16pm UTC](https://forums.realmacsoftware.com/t/setting-bg-image-opacity/44849 "2024-10-03T22:16:58Z")

</div>

I’m trying to set background color & opacity. I have the values like this in the template: bg-\[{{solidbg}}\]/{{solidbgtrans}} which is exporting as: bg-\[text-blue-500\]/1 I can’t figure out why text-blue-500 isn’t sho…

---

## [Same Font in all Devices](https://forums.realmacsoftware.com/t/same-font-in-all-devices/44845)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 3\
**Last updated:** [October 3, 2024, 9:29pm UTC](https://forums.realmacsoftware.com/t/same-font-in-all-devices/44845 "2024-10-03T21:29:31Z")

</div>

In a component font control, I want to keep the font the same across all device sizes, is this the correct way to do it?: { "title": "Title Font:", "id": "titlefont", "themeFont": { "default": { "base": …

---

## [Loop through each element](https://forums.realmacsoftware.com/t/loop-through-each-element/44794)

<div class="topic-metadata">

**Author:** [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Replies:** 2\
**Last updated:** [September 30, 2024, 9:35pm UTC](https://forums.realmacsoftware.com/t/loop-through-each-element/44794 "2024-09-30T21:35:16Z")

</div>

I’m trying to figure out how to loop through divs in the Template that have .myclass and then do some modifying of the element. How do I loop through and find each of those elements - I guess using Hooks?

---

## [Hyvor Blog en talk integration](https://forums.realmacsoftware.com/t/hyvor-blog-en-talk-integration/44829)

<div class="topic-metadata">

**Author:** [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\
**Replies:** 1\
**Last updated:** [October 3, 2024, 12:36pm UTC](https://forums.realmacsoftware.com/t/hyvor-blog-en-talk-integration/44829 "2024-10-03T12:36:41Z")

</div>

Currently, Elements does not have an integrated blog system. I am exploring whether there is a platform that could be easily integrated. At first glance, Hyvor Blog seems like a good option, especially since they have an…

---

## [Tailwind config](https://forums.realmacsoftware.com/t/tailwind-config/44822)

<div class="topic-metadata">

**Author:** [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Replies:** 1\
**Last updated:** [October 3, 2024, 10:50am UTC](https://forums.realmacsoftware.com/t/tailwind-config/44822 "2024-10-03T10:50:24Z")

</div>

started to move as much into the html as possible even 3d stuff, I will be adding controls for selecting animation but I want to change some of tailwinds key frames, I know it was mentioned before re the config, will thi…

---

## [Social Icons Component](https://forums.realmacsoftware.com/t/social-icons-component/44759)

<div class="topic-metadata">

**Author:** [@dan](https://forums.realmacsoftware.com/u/dan)\
**Replies:** 6\
**Last updated:** [October 1, 2024, 4:43pm UTC](https://forums.realmacsoftware.com/t/social-icons-component/44759 "2024-10-01T16:43:03Z")

</div>

We don’t have anything built-in (yet) to easily display a list of social icons in your website so I thought I’d put together a little custom component for my own use… The project is using the ionicons set. H…

---

## [Custom Components Packaging?](https://forums.realmacsoftware.com/t/custom-components-packaging/44728)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 1\
**Last updated:** [September 30, 2024, 11:35am UTC](https://forums.realmacsoftware.com/t/custom-components-packaging/44728 "2024-09-30T11:35:21Z")

</div>

I assume in the fullness of time it will be possible to import and export Custom Components or package them up in some way, which I think is referred to in the documentation. It would certainly be useful to be able to h…

---

## [Custom Components Property Colours](https://forums.realmacsoftware.com/t/custom-components-property-colours/44730)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 1\
**Last updated:** [September 30, 2024, 11:30am UTC](https://forums.realmacsoftware.com/t/custom-components-property-colours/44730 "2024-09-30T11:30:15Z")

</div>

When a Theme Color Property is initially setup, say to be used as a background colour, Elements doesn’t take note of the value until you change the colour band (Theme) and select a different colour.

---

## [How to reference Elements resources in code](https://forums.realmacsoftware.com/t/how-to-reference-elements-resources-in-code/44743)

<div class="topic-metadata">

**Author:** [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Replies:** 10\
**Last updated:** [September 30, 2024, 9:10am UTC](https://forums.realmacsoftware.com/t/how-to-reference-elements-resources-in-code/44743 "2024-09-30T09:10:06Z")

</div>

I know it’s been discussed, but I can’t find it anywhere. How do I access resource items using code, either within a custom component or within the site template? Edit: Never mind, using /resources seems to work.

---

## [MySQL CRUD Custom Component](https://forums.realmacsoftware.com/t/mysql-crud-custom-component/44773)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 7\
**Last updated:** [September 28, 2024, 5:59am UTC](https://forums.realmacsoftware.com/t/mysql-crud-custom-component/44773 "2024-09-28T05:59:36Z")

</div>

I am on a roll with using Cursor and now have a basic MySQL CRUD (Create,Read,Update,Delete) working in a Custom Component. I thought this now deserved its own thread. :wink: Here are some screenshots: At the …

---

## [Renaming a Collection](https://forums.realmacsoftware.com/t/renaming-a-collection/44729)

<div class="topic-metadata">

**Author:** [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Replies:** 1\
**Last updated:** [September 26, 2024, 12:17pm UTC](https://forums.realmacsoftware.com/t/renaming-a-collection/44729 "2024-09-26T12:17:35Z")

</div>

Collections in a Custom Component can be renamed. What isn’t obvious is exactly what the mechanism is. I havefoundi t to be a bit of a black art and various clicking on the name eventually allows one to change it. …

---

## [Customer ID for a container](https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734)

<div class="topic-metadata">

**Author:** [@TSpitzmann](https://forums.realmacsoftware.com/u/TSpitzmann)\
**Replies:** 3\
**Last updated:** [September 25, 2024, 6:13pm UTC](https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734 "2024-09-25T18:13:22Z")

</div>

I think it would be very beneficial to define a user defined id for a container. In my use case I want to implement a HERE map into my website. HERE is relating to a container id which is user defined. To implement a H…

---

## [Tailwind Plugins?](https://forums.realmacsoftware.com/t/tailwind-plugins/44749)

<div class="topic-metadata">

**Author:** [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Replies:** 3\
**Last updated:** [September 25, 2024, 4:54pm UTC](https://forums.realmacsoftware.com/t/tailwind-plugins/44749 "2024-09-25T16:54:24Z")

</div>

Is it (or will it be) possible to create Tailwind Plugins in Elements? I’ve love to be able to create/use additional properties without having to resort to always adding (and managing) custom CSS, either within a compone…

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

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