Backbutton rendering on Android with kendo application options.platform "ios" setting

[Brandon Peterson]

The backbutton widget for Kendo Mobile version 2013.1.319 renders poorly on Android mobile browsers and PhoneGap webviews (borders extend beyond left arrow) when the platform is forced as iOS.

var app = new kendo.mobile.Application(document.body, { transition: "slide:left", platform: "ios"});

Are there any .km-ios6 .km-back css overrides that will fix this?

[Kamen Bundev]

Hi Brandon,

This seems to happen in Android 4.0 only, due to an overflow bug. Since there is no workaround, you can use this CSS to remove the arrow part of the button in Android:
.km-ios.km-on-android .km-back
{
    -webkit-mask-image: none;
    padding-left: .8em;
    margin-left: 0;
}

.km-ios.km-on-android .km-back:after
{
    display: none;
}

Greetings,
Kamen Bundev
the Telerik team

[Brandon Peterson]

Kamen, thanks much for the style fix. The back button looks much better. You are a CSS pimp!