Android Switch Header and Footer

[Davin]

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.

[Christopher]

I second an answer to this question; I was just about to ask the same.  I can submit a support ticket if need be.  

[Kamen Bundev]

Hello guys,

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

[Davin]

Excellent, was not sure how you were handling the direction switch. Such a simple solution.

[Christopher]

Thanks Kamen.

[PCNC]

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 .

[PCNC]

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;
}

[Mike]

None of these options are working for my app.  Any other ideas?

[Kamen Bundev]

Hello Mike,

The CSS that last developer posted is not correct, check the official documentation article how to do this.

Regards,
Kamen Bundev
Telerik

 

 

[Mike]

Thank you.  That did the trick!