Kendo UI Bootstrap Sample Application 2017

[Claire]

The Kendo UI® ♥ Bootstrap sample application (http://demos.telerik.com/kendo-ui/bootstrap/) and its source code (https://github.com/telerik/kendo-bootstrap-demo) is two years old.  A lot has changed since then.  Any chance you could update it to 2017 please?  If you could, and if switching to Sass is possible, that would be really great, but not required, just desired.  Thank you!

[Nencho]

Hello Claire,

Thank you for your feedback. It will be definitely taken into consideration, especially having in mind that we've released new sample applications, which will be also kept up to date.

Regards,
Nencho
Telerik by Progress

[Claire]

Please consider it in higher priority.  I'm stuck because of the huge differences, and there are no samples anywhere.  Thank you.

[Claire]

And we are NOT using Angular right now, just like the old demo didn't.

[Ianko]

Hello Claire,

You can take a look at the new Bootstrap sample that is built for MVC: http://demos.telerik.com/aspnet-mvc/bootstrap. And here you are its source code: https://github.com/telerik/mvc-bootstrap-demo. 

As for using SASS themes, you can take a look at this help article: http://docs.telerik.com/kendo-ui/styles-and-layout/sass-themes. 

Regards,
Ianko
Telerik by Progress

[Claire]

Thanks.  I looked at the demo and downloaded the code.  The code does not reference 2017 anywhere.  The latest reference I can find is to kendo 2016.3.1118.  Didn't 2017 make significant changes since then?

[Ianko]

Hello Claire,

 

Yes, there are significant changes regarding recent releases and you can find out about them here: http://www.telerik.com/support/whats-new/aspnet-mvc/release-history. 

 

Those, however, would not impact on the functionality of the sample app. Also, there are no significant changes to how components are used and configured so that a simple upgrade would cause any difference in terms of the code implementation of the sample app. 

 

Regards,
Ianko
Telerik by Progress

[Paul]

Hi there,

I'm not so sure there isn't an issue here - and it's one that has always been there but never seems to be documented.

Why is there no mention in the documentation of the requirement to add this style:

.form-group .k-widget,
.form-group .k-textbox {
    width: 100%;
}

In your demo, this is in the styles.css file rather than kendo.bootstrap.min.css. If I don't include this class, kendo controls never seem to match the dimensions of the bootstrap container and will not be responsive.

[Ianko]

Hello Paul,

Such a stylization has never been a requirement in terms of UI decoration. This decoration is rather related to application requirements and design and it is up to the front-end developer of the application to consider stylization and implement the CSS as a part of the application decoration. This is why this CSS rule is in the styles.css of the sample application and not in kendo.bootstrap.min.css. 

As for documentation regarding Kendo UI in conjunction with Twitter Bootstrap, you can read more here: http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap.

Regards,
Ianko
Telerik by Progress

[Robert]

I am trying to open this in VS2019 with the trial version and it's giving me errors around the trial dll.  See attached screenshot.

Are these supposed to work with the trial version?

 

[Ianko]

Hello Robert,

You can open the Nuget manager and install the 2019.1.115 version of the non-trial package: Telerik.UI.for.AspNet.Mvc5.

Regards,
Ianko
Progress Telerik

[Robert]

I only have access to the trial versions with my login.  So using the https://nuget.telerik.com/nuget for the package source, I login and the only packages available in the list all end in .Trial

[Ianko]

Hello Robert,

Then you can install the latest trial available for your account. The reason behind the error is that the 2019.1.115 trial version have never been activated against the account you are using. 

Regards,
Ianko
Progress Telerik

[Robert]

That is what I am trying to do, but when I choose update from npm I get the error about the 2019.1.115 version.  Attached is screenshot;

[Ianko]

Hi Robert,

This seems to be a peculiar case with Nuget that restricts updating a package to a newer version when the old one does not exists. You can try removing it from the installed tab first and then install it from the browser one. Or, if that does not work, remove it from the packages.config file manually.

Regards,
Ianko
Progress Telerik