White Line above Header (Android Mobile and Tablets) - Appframework 2.2

[Vijay_R_1]

Hello,

I see a white line above header in some Android Devices (Nexus 7, Nexus 4 in Emulator) and in a Live Samsung Tablet. I have attached screenshots showing the same. Please do advise how do i resolve this issue.

Thanks.

[Vijay_R_1]

I am also trying to remove the "blue" line below header. I am able to see in some devices but unable to spot this on Moto E (KitKat)

[Vijay_R_1]

Anyone?

[John_H_Intel2]

Screenshots dont help us debug your code. Can you provide a simplified example of code that demonstrates the issue? What OS's do you have on each of the devices?

[Vijay_R_1]

You can reproduce this error by just creating a new blank App Designer Project. Emulate the App in Nexus 7. I have attached the code.

[Vijay_R_1]

Anyone else facing this issue?

[John_F_3]

Just a swag but do you include the afui.css? There are several headers and footers in iOS with backgrounds, gradient or otherwise and in Android several borders one of which is 255,255,255. If you can run as a web app, try inspecting the element.

[Vijay_R_1]

It looks fine on most devices including Web Browsers View (Chrome, Firefox in PC's), only in some Android devices or versions i am able to reproduce this error. I tried using Google Chrome Web Inspector, but failed to find a CSS statement for disabling it.

[Vijay_R_1]

Yes i do use that App Framework's CSS (af.ui.min.css)

[Vijay_R_1]

@Intel Can someone help me on this?

[Vijay_R_1]

I am yet to fix this.