Icon for Custom Component

UI Builder
1

I want to define the visible appearance of my custom component in UI Builder. To do this, I want to use the “edit UI preview” feature:
image
A canvas opens, where I can place the usual UI Builder components. Consequently, I’m placing an image component to the canvas.

My issue is, that for the image component, I can only reference sources on the Backendless file system or any http-URL. What I want is to package an image file with my custom component, by uploading it into the component:
image
Taking this example, in the image component of the UI preview, I want to reference the file bee_64x64.jpg.

If I would offer my custom component via the marketplace, I don’t want to use a public URL pointing to the icon of my component. I don’t want to maintain such a place and I doesn’t make sense that this image is read via http all the time.

Hope this makes sense,
Regards

2

Hello @Klaas_Klever!

If I understand you correctly, you want to add a preview image from a custom component.
The added image can be found in the custom component directory:

image
image3560×1390 371 KB

Regards,
Alexander

3

Alright. But will this image be displayed for a consumer which installs my component from the marketplace?

4

Please give me some time to check everything.

Regards,
Alexander

5

I think this image must end up somehow in the dist/ folder of the component and must be taken from there. Otherwise, it will not reach other consumers.

6

I apologize for misleading you, unfortunately this option will not work yet.
But we plan to add scopes for assets in the near future.

For now I can suggest to use base64 as an alternative, you’ll have to convert image to base64 and insert the result as source url.

Regards,
Alexander