How to Resolve Asset Loading Issues in Custom Installation Page

App Platform
, ,
1

Hi Team,

I’m currently developing a global app that supports both support tickets and chat conversations. On the custom installation page, I’m encountering an issue where an image isn’t loading.

The application is built with React, and the image is in the assets folder. I’ve tried loading the image in multiple ways.

When using the custom app, the image doesn’t load with the following route, though it works locally:

src=‘/custom_configs/assets/images/logo.png’

It also fails to load in both environments when using this route:

src=‘/assets/images/logo.png’

Here’s a sample code:

<img
  alt="logo"
  src="/assets/images/logo.png"
  style={{ marginRight: "10px", width: "24px", height: "24px" }}
/>

The image is in the assets folder, but there’s a path issue in the custom app. Any suggestions?

Thanks!

2

Hi Team,

Is there anything you need from me?

Am using the folder structure for using React on the custom installation page here:

3

Hi Team,

Are there any upates?

4

Hi team,

Are there any updates?

Thanks
Anish Karthick

5

Hi Team,

Are there any updates?

Thanks,
Anish

6

Hi Team,

Are there any updates? The post was raised a week ago, and I still haven’t received a response.

Looking forward to your prompt reply.

Thanks,
Anish

7

Hi Team,

Any Updates?

8

Hi Team,

Any Updates?

9

Hi Team,

Any Updates.

Thanks
Anish

10

Hi Team,

It’s been about a month, and I still haven’t received the first response.

Could you please address this query, as it is a priority for us?

@zach_jones_noel @Raviraj @Thakur_Ganeshsingh

11

Hi @Anish ,
Thanks for reaching out to us through the community. The development team suggests using a CDN as a workaround to solve this.

The development team is considering the idea of supporting popular front-end frameworks such as React in the FDK to address this. We do not have any timelines on when it will be available.

13

Hi @Srividhya-S ,

Thank you for your response.

I’m using an SDK app instead of a CDN, so I can replace the image tag with an inline SVG directly.

However, accessing the image from the asset folder, i.e., storing it locally and then using it, is the expected flow, so I was trying to understand what went wrong and whether this method is supported or am using it wrongly.

For now, I can use an SVG since it works, but I still need to know why I can’t access the image from the local folder.

14

Hi @Srividhya-S ,

Greetings!

Are you sure we can’t access images saved locally in the assets folder?

Thanks
Anish

15

@Anish,
You were right, we can’t access the images in the assets folder, there is a limitation in the current framework,
as @Srividhya-S suggested, please use an inline or CDN link to solve for now,

we are planning to support a new react framework in the future, that will solve your issues.

Hope it helps

2 Likes
16

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.