NavBar height

4 posts, 0 answers
  1. Mauro
    Mauro avatar
    8 posts
    Member since:
    Feb 2012

    Posted 26 Apr 2012 Link to this post

    Hi,

    I'm testing kendoui Mobile and I've noticed that navbar is higher than the one in iOS native apps... how can I modify it? Also the icons are too big... is there a way to make them smaller (like forcing dimensions for example)?

    Thanks a lot
    Mauro
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 02 May 2012 Link to this post

    Hello Mauro,

    You could modify the dimensions using custom CSS. For example you could decrease the height of the list items in Kendo UI Mobile NavBar: 
    .km-ios .km-list > li {
      line-height: 0.6em;
    }

    Also you could decrease the size of the images using the following code snippet: 

    #navbar-home img, #navbar-grouped img {
     width: 2em;
     height: 2em;
    }

     Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Mauro
    Mauro avatar
    8 posts
    Member since:
    Feb 2012

    Posted 05 May 2012 Link to this post

    Hello Iliana,

    thanks for your reply... I also need to change the height of the footer and the icons inside of it (I mean tabstrip)...
    how can I do?

    What is the difference of <div data-role="footer"> and <footer data-role="footer"> ?

    And between using <style scoped> inside body tag and <style> in the header?

    Thanks a lot
    Mauro
  5. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 07 May 2012 Link to this post

    Hi,

    You can read more about the footer tag in the spec. As per the style tags and their appropriate usage, you can take a look at our documentation

    Regards,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready