Adding background image from assets tab of bolt cloud

I want to add a background image in the html page of my user interface on the bolt cloud. How can I add a background image from the assets tab of my bolt cloud as i save the image in the assets tab.

HI @madhu8dec,

First, upload the image from the assets tab.

Then inside your HTML file, use the below syntax. (This example is for img tag)

<img src="control?name={{Name}}&filename=imagename" >

For example

<img src="control?name={{Name}}&filename=bolt_logo.png" >

For setting the background color: check the below code snippet.

 <body style="background-image:url('control?name={{Name}}&filename=bolt_logo.png');">
        Hello
</body>   

Do let me know in case you need any other information.

1 Like

Hey @rahul.singh1
Thanks for your response. But it is not working. What is the ? mark in the syntax?

Hello @madhu8dec
Setting background image using an image from assets tab is something I am working on right now and will let you know once I figured it out.
Till then I can tell you how you can set background image using a url.

All u have to do is write few simple lines of code.

The url link inside the double quotes inside url is your link of that image.

I hope this helps you a bit.

Hi @madhu8dec,

Can you share your html code and screenshot of assets page.