Page 2 of 5

Setting a background image

Posted: Fri Aug 30, 2013 6:34 am
by Priyanka Patel

Yeap that's the way I have done it, but it still shows up in a different colour for some reason.


Setting a background image

Posted: Fri Aug 30, 2013 9:47 am
by Maryna Brodina

Regarding background - it's a bad idea to use absolute background. Could you clarify where did you add your CSS style? You created it through Create New - CSS or changed something on Source tab? It's better to create new CSS (Create New - CSS)
1) If you changed anything on Source tab, delete edited files (blue colored) and undo changes.
2) create new CSS and add the following code:
code.backgroundImg {
background: no-repeat url("../image/eatyourgreens_bg.png") 0 0;
background-size: cover;
}/code

Not sure I understand what do you mean on "but it still shows up in a different colour." Could you show us screenshot? You just unchecked "Show Footer" in screen properties or also use any custom code to do that?


Setting a background image

Posted: Fri Aug 30, 2013 9:56 am
by Priyanka Patel

I changed it in the source code. Yeah I realize it a bad idea to have the absolute path, but otherwise the image path was not being picked up.

Okay so If I create new Css, how do I like it with the screen?

I just unticked the 'show footer' box. No custom code.
So as seen in the screenshot, the mobilecontainer has a background image which also has a property 'cover' as mentioned in the code.
Also in the source css, I changed height:0px in the footer class.

However, the footer is still getting the background colour from a swatch. Image


Setting a background image

Posted: Fri Aug 30, 2013 10:01 am
by Priyanka Patel

Just to double check before I wreck my app,
I can delete the files in the source tab that I have edited and they should automatically get regenerated?


Setting a background image

Posted: Fri Aug 30, 2013 10:04 am
by Maryna Brodina

[quote:]I can delete the files in the source tab that I have edited and they should automatically get regenerated?[/quote] -yes


Setting a background image

Posted: Fri Aug 30, 2013 10:09 am
by Priyanka Patel

I tried it with a test screen. I deleted the css file from source tab - web resources.
Then I restarted appery and it hasn't been regenerated.

Am I missing a step somewhere?


Setting a background image

Posted: Fri Aug 30, 2013 10:12 am
by Maryna Brodina

Have you done "undo all source changes"? http://docs.appery.io/tutorials/sourc...


Setting a background image

Posted: Fri Aug 30, 2013 10:15 am
by Priyanka Patel

awesome. great thanks!

Now could we do anything about the footer problem?


Setting a background image

Posted: Fri Aug 30, 2013 10:22 am
by Maryna Brodina

Sure:) I'll let you know.


Setting a background image

Posted: Fri Aug 30, 2013 10:25 am
by Maryna Brodina

[quote:]Also in the source css, I changed height:0px in the footer class[/quote] Now after you regenerated files in should work just with "Show Footer" unchecked. Can you try again?