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

Tabs now stretch to fit strip width

3 Answers 132 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Brian Hearn
Top achievements
Rank 1
Brian Hearn asked on 15 Nov 2012, 08:06 PM
In the Nov 14 nightly build, there is a regression issue. The tabs now stretch to fit the width of the strip on ie10 and Chrome 23 on the pc. 

3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 16 Nov 2012, 07:14 AM
Hello Brian,

This is not a regression - its how the TabStrip in native iPhone applications works and we updated the older styling as part of the new iOS 6 style updates. The tablet version doesn't do that, so if you prefer the old look, you can force a tablet platform. Alternatively I can provide you with some CSS to revert to the old styling.

Kind regards,
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
Brian Hearn
Top achievements
Rank 1
answered on 16 Nov 2012, 02:13 PM
Kamen--
Yes, if I could get some css to revert the look, that would be great. Just so you know we are using Kendo Mobile UI in a solution that is expected to run on both mobile and desktop. It seems your product (Mobile) is not expected to work in a desktop environment (Chrome, Safari on a PC), IE10 on a Surface, etc. But it does work pretty well already. We are having great success (multiple deployments and a queue of new customers) with our solution built on Kendo UI Mobile (http://www.prweb.com/releases/2012/9/prweb9923210.htm) - so please keep in mind as you move forward there are customers using Kendo UI Mobile in a cross-scenario on desktop and mobile. Thanks.
--Brian  
0
Kamen Bundev
Telerik team
answered on 19 Nov 2012, 09:23 AM
Hi Brian,

This CSS rule should be enough to revert the icons, let me know if it works for you:
.km-phone .km-ios .km-tabstrip,
.km-phone .km-ios .km-tabstrip .km-button
{
    display: inline-block;
}

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!
Tags
TabStrip (Mobile)
Asked by
Brian Hearn
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Brian Hearn
Top achievements
Rank 1
Share this question
or