nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Oracle Communities

Oracle Analytics and AI

Child Item

OTBI - Using custom images in HTML

Rob F

Hello Experts,

Is there any way to reference the images uploaded to the catalog via HTML?

I've uploaded images to the catalog and would like to use them in HTML that I'm adding to a dashboard.

I noticed when adding a Link/URL object to a dashboard I can select images from the catalog and it references it using "cmap:/custom/images" but that link doesn't seem to work as the source for an image tag using HTML.

Hopefully someone has solved this before.

Kind Regards
Rob

Find more posts tagged with

Reporting

html

OTBI

Accepted answers

Jbgood

Hi Rob,
Hi I believe you could add the image in HTML like:
<img src="https://pod.oraclecloud.com/analytics/saw.dll?downloadFile&Path=%2fshared%2fCustom%2fimages%2fMy%20Icon.png" title="click here" alt="link">
Change the host to your pod name. The file name component needs to be URI encoded. In my example "My Icon.png" the image name contains a space. The single space would correctly translate to %20. I'd recommend to only use ASCII characters in the filename [.A-Za-z].
Works for me - should work for you!. 😉
Cheers,
Jbgood

All comments

Nathan CCC

Hi, I assume I know what you mean when you say "upload image" to OBI. For example, in your editor you selected the button "Upload Image", selected a file from your local machine, the system put that file in hidden folder /Custom/images. You can then reference that custom image in your content.

But what do you mean when you say upload image "via HTML". Do you mean that instead of upload image you used a uniform resource locator (URL). If this is so then you did NOT upload the image. The image is not in the catalog in folder custom images. The image is not in your environment full stop. It remains "out there" somewhere on the world wide web information superhighway. If so, then you just reference as you would on any page using your standard markup language whether if was in OBI or not?

Rob F

Hey Nathan,

Thanks for the response.

I can say clearly that I have definitely uploaded the image to the hidden images folder in /custom/images. The real questions is how do I call that image via HTML.

I'm creating a hyperlink that calls some JavaScript and it would be nice to add an icon to make it look a little nicer.

Is there any way for me to reference an image in that custom/images folder via HTML from within OTBI?

Jbgood

Bhaskar Konar

https://community.oracle.com/products/oracleanalytics/discussion/comment/64734#Comment_64734

Very helpful information.

Thank you very much @Jbgood!

Rob F

https://community.oracle.com/products/oracleanalytics/discussion/comment/64734#Comment_64734

This works great! Thanks @Jbgood

I'd suggest an enhancement to your HTML.

<img src="/analytics/saw.dll?downloadFile&amp;Path=%2fshared%2fCustom%2fimages%2fMy%20Icon.png" title="click here" alt="link">

In the above you can use a relative link which saves having to hard-code the full URL in the event of multiple pods for DEV/TEST/PROD. It also worked just like you'd said. :-)

Thanks for the fix!

Erick.B

@Jbgood thanks for that reply