The Kendo Mobile Q2 2013.2.716 release includes drastic changes to the km-loader for iOS. There is no longer the translucent, black rounded-corner box with a white spinner KendoUI font. Now the entire screen is slightly dimmed with a gray progress indicator and is not very visible when an app uses dark styles. The markup has also changed from previous versions.
Here are my style overrides for the new classes to display a white spinner and text. Is there a setting to do this otherwise or better yet use the previous loader styles in the new release?
<
div
class
=
"km-loader"
data-role
=
"loader"
style
=
"display: none;"
>
<
span
class
=
"km-loading km-spin"
></
span
>
<
span
class
=
"km-loading-left"
></
span
>
<
span
class
=
"km-loading-right"
></
span
>
<
h1
>Loading...</
h1
>
</
div
>
.km-ios .km-loading {
background-color
:
#FFF
}
.km-ios .km-loader .km-loading-
left
{
background-color
:rgba(
255
,
255
,
255
,
0.55
) }
.km-ios .km-loader .km-loading-
right
{
background-color
:rgba(
255
,
255
,
255
,
0.2
) }
.km-ios .km-loader h
1
{
color
:
#FFF
;
text-shadow
:
0
1px
0
rgba(
0
,
0
,
0
,
0.8
); }