The "seamless status bars." solution doesn't seem to do anything for me. I add:
<style>
.km-on-ios .km-header .km-navbar {
background-color: skyblue;
}
.km-on-ios .km-header .km-widget,
.km-on-ios .km-header .km-view-title {
color: white;
}
</style>
to the header, and:
<script>
new kendo.mobile.Application($(document.body), {
statusBarStyle: "black-translucent"
});
</script>
at the bottom, but the status bar does not change.
Do I need to update anything else for this to work correctly?
<script>
new kendo.mobile.Application($(document.body), {
statusBarStyle: "black-translucent"
});
</script>
<script>
new kendo.mobile.Application($(document.body), {
statusBarStyle: "black-translucent"
});
</script>
<script>
new kendo.mobile.Application($(document.body), {
statusBarStyle: "black-translucent"
});
</script>