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

Display Issues with Twitter Bootstrap 3

4 Answers 41 Views
Grid
This is a migrated thread and some comments may be shown as answers.
AP
Top achievements
Rank 1
Veteran
AP asked on 28 Aug 2013, 10:57 AM
I'm keen to integrate the Twitter Bootstrap framework in a project, to improve layout etc..

However, this seems to cause a few display issues with some of the Kendo UI controls, especially the pop-up edit window of the grid.

Attached are two screenshots of an edit window, with and without the inclusion of the bootstrap css and js files.

Here are the css/js inclusions in the _Layout.cshtml file:-
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
 
    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.bootstrap.min.css")" rel="stylesheet" type="text/css" />
 <link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js")"></script>
          <script src="@Url.Content("~/Scripts/kendo/2013.2.716/cultures/kendo.culture.en-GB.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
I'm using the Q2 2013 release (build 716) and the latest bootstrap 3 files, along with the KendoUI bootstrap theme. How can they be made to work together properly?

Thanks

4 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 29 Aug 2013, 10:02 AM
Hi Andrew,

We are aware of these display issues, however the good news is that we have managed to address them and fixes will be available in Kendo UI next internal build (which is expected until the end of the current week). When the build is available, please give it a try and let us know if you still observe any problems.
 

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
AP
Top achievements
Rank 1
Veteran
answered on 29 Aug 2013, 10:49 AM
Thanks for this.

I'll look forward to trying the next build.
0
BRAD
Top achievements
Rank 1
answered on 01 Sep 2013, 02:06 PM
i just implemented the 8/30/2013 internal build, and see no change with twitter bootstrap 3.  Was this fix not implemented in that build?
0
Iliana Nikolova
Telerik team
answered on 03 Sep 2013, 02:13 PM
Hello guys,

I am afraid we didn't manage to include the discussed improvements in the 8/30/2013 internal build, however we will do our best to provide them in the next one. Please excuse us for the inconvenience caused.

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
AP
Top achievements
Rank 1
Veteran
Answers by
Iliana Nikolova
Telerik team
AP
Top achievements
Rank 1
Veteran
BRAD
Top achievements
Rank 1
Share this question
or