Page 1 of 2

UI Background Color Overflow

Posted: Tue Feb 10, 2015 8:44 pm
by Mike6580064

Image

When testing on an Android device (4.2.2) using the Appery tester, my UI's background colors are bleeding outside of their rounded corners. I believe that I need to set my UI elements' overflow to false, but I'm unsure of the correct CSS coding to use to do so.


UI Background Color Overflow

Posted: Tue Feb 10, 2015 9:05 pm
by Evgene Karachevtsev

Hello Mike,

Please try
pre{
overflow:auto;
}/pre


UI Background Color Overflow

Posted: Wed Feb 11, 2015 1:37 pm
by Mike6580064

Can I apply this to all of the UI elements (buttons, back buttons, toggles, etc.) at once?


UI Background Color Overflow

Posted: Wed Feb 11, 2015 8:03 pm
by Evgene Karachevtsev

Mike,

You should add the same class to the Class Name property of the elements you want to be applied, for example my-class and use

.my-class{
overflow:auto;
}


UI Background Color Overflow

Posted: Thu Feb 12, 2015 4:56 pm
by Mike6580064

Evgene,

This didn't work for me when testing on Android 4.2.2 using the Appery tester. I also tried setting overflow to hidden without any luck.


UI Background Color Overflow

Posted: Thu Feb 12, 2015 9:37 pm
by Evgene Karachevtsev

Mike,

Could you please show us the printscreens:

Place where you put css-code
How you add Class Name property for the elements you want to be applied?


UI Background Color Overflow

Posted: Fri Feb 13, 2015 2:54 pm
by Mike6580064

UI Background Color Overflow

Posted: Fri Feb 13, 2015 5:27 pm
by Evgene Karachevtsev

Mike,

It's not the best idea to call your class as a property. Could you please rename your class to my_overflow, for example and try once again?


UI Background Color Overflow

Posted: Fri Feb 13, 2015 7:17 pm
by Mike6580064

This did not work. The app ("Sheridan") is shared with support if you'd like to take a closer look at it.


UI Background Color Overflow

Posted: Mon Feb 16, 2015 7:13 am
by Evgene Karachevtsev

Hello Mike,

Could you please clarify, do you apply any other css rules for any of your components? Maybe the overflow rule is "rewritten" by some of them?