This is a migrated thread and some comments may be shown as answers.
NavBar height
3 Answers 164 Views
This is a migrated thread and some comments may be shown as answers.
Mauro
Top achievements
Rank 1
Mauro asked on 26 Apr 2012, 08:59 PM
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

3 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 02 May 2012, 06:39 AM
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!
0
Mauro
Top achievements
Rank 1
answered on 05 May 2012, 05:04 PM
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
0
Petyo
Telerik team
answered on 07 May 2012, 08:20 AM
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!
Asked by
Mauro
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Mauro
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or