Page 1 of 1

Why won't my CSS background display in a cell?

Posted: Tue Oct 22, 2013 10:43 pm
by Kevin Miller

I can't seem to add a background to a grid cell. Is it possible? If I use the following javascript on page load:

Appery('mobilecontainer').addClass('college');
Appery('buttoncell1').addClass('college');
Appery('buttoncell2').addClass('collegeselect');
Appery('buttoncell3').addClass('college');

And CSS:
.college {
background: no-repeat url("../image/collegepage1.png") 0 0;
background-size:150px 150px;
background-position:center top;
}
.collegeselect {
background: no-repeat url("../image/collegepage2.png") 0 0;
background-size:300px 300px;
background-position:center top;
}

The background applies to the mobile container but does not affect the grid cells.
What am I doing wrong that the background will not display in the cells?
i also added a button that onClick will addClass like on the pageload. But the background still won't show even if I click that.

Thank you.


Why won't my CSS background display in a cell?

Posted: Tue Oct 22, 2013 10:59 pm
by Igor

Hello,

Please try to debug App and check if your components use correct CSS class names. "Debugging" doc: http://docs.appery.io/documentation/d...