Forum | Appery.io

Hello,

We have our app working, everything looks perfect on the browser but when we export the apk file and visualize it on an Adroid device, the icons and the image buttons look awful. We are having trouble trying to find the source of the problem.

We have tested it on devices with Android 2.0.6 and the icons and buttons look ok (although the background colour of the header does not show as we have especified on the css).

However, on an Android 4.0.4 device (3,5 inch, 854 x 480 px) the result is much worse. The button and icons styles on the navbar are not displayed properly, they looked cut and out of place. I'm attaching images of how it should look (as shown on the browser) and how it looks now on the device.

Any ideas on how we can solve this? Thank you very much

Hi Elena,

How do you add these icons, via 'Image' component?

No. The one above (camera) is a button component added to header. The other two underneath are icons on the navbar component.

Elena,

Try setting background-color style for these elements to see their sizes. This can probably help, too:pre[name=mobilenavbaritem] .ui-icon{
overflow: visible;
}/preWhere 'mobilenavbaritem' is a name of Navbar item.