Bootstrap forms as tab content...

2 posts, 0 answers
  1. Paul
    Paul avatar
    2 posts
    Member since:
    Jun 2015

    Posted 03 Jul 2015 Link to this post

    I'm using Kendo with bootstrap and I've noticed strange behaviour when displaying a Bootstrap form inside tab content.

    http://dojo.telerik.com/@pablo_b/AbubU/4

    In this fiddle the input field inside the tab content is higher than the one outside.

    Using the browser dev tools - I can make the field return to its expected size by disabling the 'height: 34px' attribute of the bootstrap 'form-control' class.

    This is a strange side effect (bug?).  

     Has anyone noticed this before and can suggest a workaround?

     Thanks

     

  2. Paul
    Paul avatar
    2 posts
    Member since:
    Jun 2015

    Posted 03 Jul 2015 Link to this post

    Uh - never mind.  I figured it was something to do with nesting/mixing frameworks so I followed the instructions here and it fixed the issues.

  3. Kendo UI is VS 2017 Ready
Back to Top