# Inconsistent image links in CMS online editor

**URL:** <https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746>\
**Category:** Elements\
**Created:** [June 22, 2026, 12:31pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746 "2026-06-22T12:31:21Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Netroamer13](https://avatars.discourse-cdn.com/v4/letter/n/54ee81/32.png) [@Netroamer13](https://forums.realmacsoftware.com/u/Netroamer13)\
**Post date:** [June 22, 2026, 12:31pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/1 "2026-06-22T12:31:21Z")

</div>

In the CMS online editor I have some problems in using images from the resources folder. Adding an image in the online editor results in a direct link such as: [https://projects.frank-samol.de/resources/topics/img-0706-6a37edcadc479.jpeg](https://projects.frank-samol.de/resources/topics/img-0706-6a37edcadc479.jpeg)

However, images sometimes do not render in the CMS item in the browser, although they are shown in the CMS online preview. This is not really consistent, sometimes it works, sometimes not.

In contrast, images added in the Elements App with a link path such as „../../resources/topics/digital-twin.jpg“ render consistently.

In both cases, the image are correctly uploaded to the corresponding resources folder. This inconsistent behaviour makes online editing a kind of headache. Any clues, what I might possibly doing wrong?

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [June 22, 2026, 12:34pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/2 "2026-06-22T12:34:38Z")

</div>

Mine is different- they show up in resources folder online - but don’t render in preview…

Works on the website when live - but not in preview…

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 22, 2026, 12:49pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/3 "2026-06-22T12:49:58Z")

</div>

It’s hard to tell what might be the issue based on the info here, do you have a live url and a project you could share with us? 🙂

---

<div class="post-metadata">

**Author:** ![Netroamer13](https://avatars.discourse-cdn.com/v4/letter/n/54ee81/32.png) [@Netroamer13](https://forums.realmacsoftware.com/u/Netroamer13)\
**Post date:** [June 22, 2026, 1:10pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/4 "2026-06-22T13:10:34Z")

</div>

@Ben: Here is the live url: [urban planning | examples](https://projects.frank-samol.de/examples/)

You may notice different versions of „examples“, in [particular](https://projects.frank-samol.de/examples/) the one with „array“ as a topic title. I created this as a new file in the online editor, since the original one was not working with the image: [urban planning | topic](https://projects.frank-samol.de/examples/topic/?item=vienna-inclusive-planning) . When I entered the topic title, it switched to array. I did not yet find the time to take it offline again. The whole thing is still work in progress, working online while traveling…

---

<div class="post-metadata">

**Author:** ![Netroamer13](https://avatars.discourse-cdn.com/v4/letter/n/54ee81/32.png) [@Netroamer13](https://forums.realmacsoftware.com/u/Netroamer13)\
**Post date:** [June 22, 2026, 1:17pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/5 "2026-06-22T13:17:33Z")

</div>

On another note, I originally thought of „nesting“ the examples as a collection on the theme-pages, instead of the 3 links that are now provided on the themes pages: [Theme](https://projects.frank-samol.de/theme/?item=legal)

Would this „nesting“ of 2 collections be possible in the CMS? I could not really find a way to do this.

---

<div class="post-metadata">

**Author:** ![Netroamer13](https://avatars.discourse-cdn.com/v4/letter/n/54ee81/32.png) [@Netroamer13](https://forums.realmacsoftware.com/u/Netroamer13)\
**Post date:** [June 22, 2026, 1:25pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/6 "2026-06-22T13:25:03Z")

</div>

And a final question before embarking on my flight home: Would there be any possibility of creating a menu of collection item pages?

I had quickly assembled this website for a workshop, where it proved quite useful since MS Edge provides quite good Arabic translations in the browser.

---

<div class="post-metadata">

**Author:** ![Netroamer13](https://avatars.discourse-cdn.com/v4/letter/n/54ee81/32.png) [@Netroamer13](https://forums.realmacsoftware.com/u/Netroamer13)\
**Post date:** [June 22, 2026, 1:37pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/7 "2026-06-22T13:37:42Z")

</div>

The project I can only share once I am back to my desktop.

---

<div class="post-metadata">

**Author:** ![Netroamer13](https://avatars.discourse-cdn.com/v4/letter/n/54ee81/32.png) [@Netroamer13](https://forums.realmacsoftware.com/u/Netroamer13)\
**Post date:** [June 26, 2026, 8:35pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/8 "2026-06-26T20:35:13Z")

</div>

@Ben: Back home, please find here the project link: [elementsapp://downloadDocument/uOmnYpP37Kbt](elementsapp://downloadDocument/uOmnYpP37Kbt)

All images now render correctly. However, for 2 topics in the online version the direct links to the resources folder in the CMS online did not work. I had to add new md-files with the image links through the Elements App…

Moreover, the example cards on the examples page do not render in the online preview and are only shown in the published online version.

For future work, I would really be grateful for a hint how to avoid these tedious inconsistencies?

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 29, 2026, 7:29am UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/9 "2026-06-29T07:29:41Z")

</div>

glad to hear everything is working 🙂

I took a look at your project file and noticed you have set relative paths for the images, e.g. `../../resources/topics/seoul-squashed.jpg`. Instead of relative paths, you can simply enter the resource folder name and file name, e.g. `topics/seoul-squashed.jpg`.

The CMS will automatically prefix the correct path to your resources folder for you. This way you can display the CMS items on any page and the CMS figure out the relative path for you.

> [@Netroamer13](#):
>
> for 2 topics in the online version the direct links to the resources folder in the CMS online did not work. I had to add new md-files with the image links through the Elements App…

I’m still struggling to understand this issue. Are you saying that adding an image to a topic in the Online Editor is not working?

The Online Editor will always set a full URL to the selected image, so something like `https://projects.frank-samol.de/resources/topics/img-0676-6a2db64244dc1.jpeg`.

Is that not working for you?

---

<div class="post-metadata">

**Author:** ![Netroamer13](https://avatars.discourse-cdn.com/v4/letter/n/54ee81/32.png) [@Netroamer13](https://forums.realmacsoftware.com/u/Netroamer13)\
**Post date:** [July 2, 2026, 2:20pm UTC](https://forums.realmacsoftware.com/t/inconsistent-image-links-in-cms-online-editor/56746/10 "2026-07-02T14:20:20Z")

</div>

Thanks a lot for coming back to me. I am a bit slow in my response, since I am working on some other issues.

This is actually the inconsistency I faced. In some cases when creating a new md-file in the online editor, for me quite erratic, the image file path (such as: [https://projects.frank-samol.de/resources/topics/medellin-squashed.jpg](https://projects.frank-samol.de/resources/topics/medellin-squashed.jpg)) did not work, the image did not render in the browser, after publishing. I then deleted the online md.file, created a new md-file in the Elements app and added the image by dropping it into the front matter, which creates the relative path (src: ../../resources/topics/medellin-squashed.jpg). After re-publishing, the image rendered correctly and was added to the online editor with the relative path.

After reselecting the image with the complete URL in the online editor, which I just did, everything seems to be ok.

As a result, I now have a mixture of relative file pathes and complete URLs for the images in the online editor. Since the project has meanwhile fullfilled its purpose to serve as an input for a workshop, I will probably leave it as it is. It would just be good to know how to best this inconsistent behaviour for future projects. Would it be better not to use the drag and drop option for images in the front matter that creates the relative path?
