This is a migrated thread and some comments may be shown as answers.

Square Icons when forcing platform=ios on android

1 Answer 34 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ali
Top achievements
Rank 1
Ali asked on 17 Nov 2012, 08:49 PM
When forcing platform ios on android, all icons are squares using Q3 release. However, forcing platform blackberry on android works perfectly fine.

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 19 Nov 2012, 09:19 AM
Hi Ali,

This looks like a bug - background properties are used on iOS to apply icon gradients through -webkit-background-clip: text, which is something that doesn't work on Android. I fixed this for the next internal build, but as a workaround until then, you can add the following rule to your CSS:
.km-root .km-on-android .km-view span.km-icon
{
    background: none;
}

.km-root .km-pane.km-pane.km-on-android .km-view span.km-icon:after
{
    background: none;
    -webkit-text-fill-color: inherit;
}

I also updated your points for the find.

Kind regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Ali
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or