Is it possible to put bootstrap grid inside panelbar?

4 posts, 1 answers
  1. JamesD
    JamesD avatar
    23 posts
    Member since:
    Nov 2005

    Posted 07 Feb 2014 Link to this post

    Hi

    Played around :
    http://jsbin.com/bivun/1/edit
    Couldn't find a way to get it working.
    Is there a known issue?

     V
  2. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 10 Feb 2014 Link to this post

    Hello Raido,

    The issue you're facing is that Bootstrap uses box-sizing: border-box for everything, while Kendo relies mostly on the default content-box sizing, which is supported in more browsers and resets the Bootstrap's CSS for everything contained in a Kendo Widget. To avoid this, you will need to set the Grid columns box-sizing yourself. Additionally Kendo PanelBar uses a div child of an item as a template container, so you better wrap your Bootstrap Grid in another div. Check the modified jsBin for the result.

    Regards,
    Kamen Bundev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. JamesD
    JamesD avatar
    23 posts
    Member since:
    Nov 2005

    Posted 10 Feb 2014 Link to this post

    Thanks, Kamen. That actually answers some other questions about kendo/bootstrap inconsistencies too!
  5. Eugene
    Eugene avatar
    1 posts
    Member since:
    Sep 2014

    Posted 18 Sep 2014 Link to this post

    To overcome the issue mentioned above consider using bootstrap 3 collapsible panel instead of kendo panelbar.
Back to Top
Kendo UI is VS 2017 Ready