Picture background help.

[sam5863015]

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.

[Maryna Brodina]

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/...

[Helsen]

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

[sam5863015]

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.