Forum | Appery.io

I am following this tutorial of adding a background image to my web app, http://blog.appery.io/2011/10/setting... , the image I have attached shows the location of the picture in the URL, the picture id like to use is in my C drive on my pc how to I get that to either access the image of upload it.

Hello! If you're adding background image as described in tutorial (using JS) then you would need to retrieve path to the file uploaded through image assets using getImagePathname http://docs.appery.io/javascript-api/...

Hello sam,

can you explain with more detail step by step? You have background image in your local machine or already upload to appery.io server?

Alternative 1 (after upload image to appery.io server):

A- In your page add classname myPageWithBackground
B- Create cssFile with the following code

.myPageWithBackground {
background: url("../image/yourImageFileName.png") no-repeat;
background-size: 100%;
}

Alternative 2 (after upload image to appery.io server):

Try to custom html with Panel Widget and in the src for the background image set the path: "files/views/assets/image/yourImageFileName.png"

Regards

I have managed to work it out now by setting up a flickr account to host the image however how do I get the image to centralise or what I mean is stay the same size on every page.