This is a migrated thread and some comments may be shown as answers.

Android Switch Header and Footer

9 Answers 480 Views
NavBar
This is a migrated thread and some comments may be shown as answers.
Davin
Top achievements
Rank 1
Davin asked on 10 May 2012, 09:55 PM
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.

9 Answers, 1 is accepted

Sort by
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
Kamen Bundev
Telerik team
answered on 14 May 2012, 08:35 AM
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
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;
}

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
Kamen Bundev
Telerik team
answered on 30 May 2014, 08:41 AM
Hello Mike,

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!
Tags
NavBar
Asked by
Davin
Top achievements
Rank 1
Answers by
Christopher
Top achievements
Rank 1
Kamen Bundev
Telerik team
Davin
Top achievements
Rank 1
PCNC
Top achievements
Rank 1
Mike
Top achievements
Rank 1
Share this question
or