Android Switch Header and Footer

10 posts, 0 answers
  1. Davin
    Davin avatar
    10 posts
    Member since:
    May 2012

    Posted 10 May 2012 Link to this post

    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.

  2.
  3. Christopher
    Christopher avatar
    6 posts
    Member since:
    May 2012

    Posted 12 May 2012 Link to this post

    I second an answer to this question; I was just about to ask the same.  I can submit a support ticket if need be.  
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 14 May 2012 Link to this post

    Hello guys,

    There's no option, since a simple CSS rule is all that's needed:

    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!
  7. Davin
    Davin avatar
    10 posts
    Member since:
    May 2012

    Posted 14 May 2012 Link to this post

    Excellent, was not sure how you were handling the direction switch. Such a simple solution.
  8.
  9. Christopher
    Christopher avatar
    6 posts
    Member since:
    May 2012

    Posted 14 May 2012 Link to this post

    Thanks Kamen.
  11. PCNC
    PCNC avatar
    4 posts
    Member since:
    Dec 2013

    Posted 17 Mar 2014 in reply to Kamen Bundev Link to this post

    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 .
  13. PCNC
    PCNC avatar
    4 posts
    Member since:
    Dec 2013

    Posted 17 Mar 2014 Link to this post

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

  14.
  15. Mike
    Mike avatar
    20 posts
    Member since:
    Jan 2014

    Posted 29 May 2014 in reply to PCNC Link to this post

    None of these options are working for my app.  Any other ideas?
  17. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 30 May 2014 Link to this post

    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!
     
  19. Mike
    Mike avatar
    20 posts
    Member since:
    Jan 2014

    Posted 30 May 2014 in reply to Kamen Bundev Link to this post

    Thank you.  That did the trick!
  20.
Back to Top