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

Missing TabStrip

1 Answer 67 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 2
Michael asked on 04 Feb 2013, 03:42 PM
I just updated to the latest Kendo Mobile build.  2012.3.1315

After updating all my code to make it work again.  I did a build and found the tabStrip stop showing up.
I will send you the Demo site.  http://www.rls2000.com/demos/m/

Please tell me what happened.  If you turn off the 
.km-phone .km-ios .km-tabstrip {
display: table;
}
and 
.km-phone .km-ios .km-tabstrip .km-button {
display: table-cell;
}

You can see the tabs again, but there is still a large white box at the bottom of the page.

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 05 Feb 2013, 12:38 PM
Hello Michael,

Looks like one of your custom icon styles is affecting the application rendering. The thing is that Kendo UI Mobile is adding a .km-phone CSS class to the application root (html tag). You on the other hand have a custom icon named phone which as rest of our icons appends km- to its name and uses it as a class name. This however places the mask image on the root too. To avoid this, change your icon name to something else or remove the style altogether (I didn't see you using it anywhere). We on the other hand will see if we can change something to avoid such issues in the future.

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