Is there an option to keep the android header and footer from switching places?
On iOS the header and footer appear as:
[ back ] Panel Title
Content
Content
[ w ] [ x ] [ y ] [ z ]
The Android theme flips them to:
[ w ] [ x ] [ y ] [ z ]
Content
Content
[ back ] Panel Title
I would like both themes to look like iOS in regards to the order of elements.
On iOS the header and footer appear as:
[ back ] Panel Title
Content
Content
[ w ] [ x ] [ y ] [ z ]
The Android theme flips them to:
[ w ] [ x ] [ y ] [ z ]
Content
Content
[ back ] Panel Title
I would like both themes to look like iOS in regards to the order of elements.
9 Answers, 1 is accepted
0
Christopher
Top achievements
Rank 1
answered on 12 May 2012, 05:28 AM
I second an answer to this question; I was just about to ask the same. I can submit a support ticket if need be.
0
Hello guys,
There's no option, since a simple CSS rule is all that's needed:
All the best,
Kamen Bundev
the Telerik team
There's no option, since a simple CSS rule is all that's needed:
.km-android div.km-view {
-webkit-box-direction: normal;
}
All the best,
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!
0
Davin
Top achievements
Rank 1
answered on 14 May 2012, 02:14 PM
Excellent, was not sure how you were handling the direction switch. Such a simple solution.
0
Christopher
Top achievements
Rank 1
answered on 14 May 2012, 08:25 PM
Thanks Kamen.
0
PCNC
Top achievements
Rank 1
answered on 17 Mar 2014, 08:21 AM
Thank you Mr . Kamen , I tried to add the rule but it does not seem to work , is there any changes in the later versions of ui kendo.mobile.all.css .
0
PCNC
Top achievements
Rank 1
answered on 17 Mar 2014, 09:19 AM
this code ended up working
.km-android .km-view {
-moz-box-direction: normal;
-webkit-box-direction: normal;
-webkit-flex-direction: column-normal;
-ms-flex-direction: column-normal;
flex-direction: column-normal;
}
.km-android .km-view {
-moz-box-direction: normal;
-webkit-box-direction: normal;
-webkit-flex-direction: column-normal;
-ms-flex-direction: column-normal;
flex-direction: column-normal;
}
0
Mike
Top achievements
Rank 1
answered on 30 May 2014, 12:33 AM
None of these options are working for my app. Any other ideas?
0
Hello Mike,
The CSS that last developer posted is not correct, check the official documentation article how to do this.
Regards,
Kamen Bundev
Telerik
The CSS that last developer posted is not correct, check the official documentation article how to do this.
Regards,
Kamen Bundev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mike
Top achievements
Rank 1
answered on 30 May 2014, 01:51 PM
Thank you. That did the trick!