Is the UI for ASP>NET version 2022.1.301 Compatible with Bootstrap v5.1

1 Answer 143 Views
Grid Menu
Sean
Top achievements
Rank 1
Sean asked on 20 Mar 2022, 04:12 PM

I created a new Telerik Application Project for ASP.NET MVC.  I choose one of the Bootstrap Themes. It appears to have installed Bootstrap v4.1.3.

If I upgrade to Bootstrap 5.1 will I have issues with the GridView, the Menu Extension and other HTML Extensions?

 

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 23 Mar 2022, 05:00 PM

Hi Sean,

Indeed the template still uses Bootstrap 4, but our SASS themes are compatible with Bootstrap 5 since R3 2021. There should be no Bootstrap-related appearance issues when using the Grid, Menu or the other components in the suite.

You can use one of the following SASS themes and choose a predefined swatch:

  • Default theme swatches: Main, Main Dark, Nordic, Purple, Turquoise.
  • Bootstrap theme swatches: Main, Main Dark, Nordic, Urban, Vintage.
  • Material theme swatches: Main, Arctic, Fuscia, Lime Dark, Main Dark.
  • Classic theme swatches: Main, Opal, Silver.

So for example, if you want to use our Boostrap theme with its Main swatch, you should reference the following CSS file:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.301/styles/kendo.bootstrap-main.min.css" />

or if you want the Default theme with the Nordic swatch:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.301/styles/kendo.default-nordic.min.css" />

The naming convention is [theme name]-[swatch].

Make sure only one kendo CSS file is referenced, as mixing different theme files could cause appearance issues.

Regards,
Ivan Danchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid Menu
Asked by
Sean
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or