PDA

View Full Version : Overlay change panel color and rounded edges



squarefan
18 Mar 2012, 10:35 PM
Hi,

I am migrating my app to Touch 2 and need to change the inner background color of an overlay to black. I did this in Touch 2 applying a class and overwriting the x-panel-body via "cls: 'pop-descr'" on the panel itself:


.pop-descr .x-panel-body {
background-color: #000;
-webkit-border-radius: 0em;
border-radius: 0em;
}


Which worked great. But in Touch2 it doesn't want to work anymore. Is there a change or another possiblity how I can make the whole overlay background black?

Thanks!

mitchellsimoens
19 Mar 2012, 8:37 AM
The DOM probably changed between ST1 and ST2. Inspect the DOM to see what the updated DOM elements that can be changed to do this affect are.

squarefan
19 Mar 2012, 8:44 AM
Yeah, I am going through it right now but it seems that the class item does not get applied correctly in conjunction with a nested toolbar.

I hope that maybe some dev stumbles over it and could give a quick input - I saw a new thread popping up basically asking about the same thing, just with a background picture.

squarefan
19 Mar 2012, 9:15 AM
SOLVED

OK, after digging a bit more I found the right class. This works for me



.pop-descr .x-scroll-container {
background-color: #000;
-webkit-border-radius: 0em;
border-radius: 0em;
}


.x-html {
padding: 0em; /* remove padding */
}