Missing TabStrip

2 posts, 0 answers
  1. Michael
    Michael avatar
    17 posts
    Member since:
    Aug 2012

    Posted 04 Feb 2013 Link to this post

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

  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 05 Feb 2013 Link to this post

    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!
Back to Top