I have performed a kendo upgrade on my MVC application and it has created problems that i need to resolve.

My upgrade was from version 2016.3.1118 to 2017.3.1026

Prior to upgrade wizard running i tried the compatibility checker but got an error saying it was incompatible with MVC projects, then it crashed my instance of VS2017.

So on reloading VS i just did the upgrade which took over an hour and the Upgrade Wizard Log indicated a success. The latest kendo files were installed and i changed my bundles.config to reference the new folders. I also checked my kendo reference was also now the latest version. The editor templates had also been updated. I also updated the reference to Telerik.UI.for.AspNet.Mvc5 version in packages.config.

Looking at a few previous posts on the forum i updated my bundles file to include an additional 2 files...

bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                "~/Scripts/kendo/2017.3.1026/kendo.web.min.js",
                "~/Scripts/kendo/2017.3.1026/kendo.aspnetmvc.min.js",
                "~/Scripts/kendo/2017.3.1026/cultures/kendo.culture.en-GB.min.js",
                "~/Scripts/kendo/2017.3.1026/kendo.all.min.js",
                "~/Scripts/kendo/2017.3.1026//jszip.min.js"
                ));


On running my application post upgrade i am not getting any data to display nor am i getting many of the links to work. There are also some CSS issues but these are not a priority till i get the functionality working again.

What steps should i take to try and determine what is wrong? It would seem that my jquery/ typescript files are not running or something is conflicting with them? I do see the main ones loading in the Network tab of Developer Tools, and in the Console tab i see a number of errors that do not appear in the original application. (image attached)

Any help with this would be much appreciated...

hello, I want to extend the trial of Telerik ui for asp.net MVC, I have send an email to the address troalextend@progress.com.  is there any other i need to do?  Hope your reply

Hi,

I wanted to achieve required filed validation on Drop Down list.Currently I am getting a pop up saying as required but unfortunately I couldn't get any red border around it, For rest of the controls on the page i get the red border. I tried below code but still i dont get any red border around drop down.

  $(document).ready(function () {
        /* Bind Mutation Events */
        var elements = $("#AddUserForm").find("[data-role=combobox],[data-role=dropdownlist],[data-role=numerictextbox],[data-role^=date]");

        //correct mutation event detection
        var hasMutationEvents = ("MutationEvent" in window),
            MutationObserver = window.WebKitMutationObserver || window.MutationObserver;

        if (MutationObserver) {
            var observer = new MutationObserver(function (mutations) {
                var idx = 0,
                    mutation,
                    length = mutations.length;

                for (; idx < length; idx++) {
                    mutation = mutations[idx];
                    if (mutation.attributeName === "class") {
                        updateCssOnPropertyChange(mutation);
                    }
                }
            }),
            config = { attributes: true, childList: false, characterData: false };

            elements.each(function () {
                observer.observe(this, config);
            });
        } else if (hasMutationEvents) {
            elements.bind("DOMAttrModified", updateCssOnPropertyChange);
        } else {
            elements.each(function () {
                this.attachEvent("onpropertychange", updateCssOnPropertyChange);
            });
        }
});

  function updateCssOnPropertyChange(e) {
        var element = $(e.target);

        element.siblings("span.k-dropdown-wrap")
               .add(element.parent("span.k-numeric-wrap"))
               .add(element.parent("span.k-picker-wrap"))
               .toggleClass("k-invalid", element.hasClass("input-validation-error"));
    }

<style>
  .k-widget > span.k-invalid,
    input.k-invalid {
        border-color: red;
    }

    #innerList li {
        margin: 10px 10px;
    }
</style>

Can you please let me know how can I get a red border around required drop down list when form is submiited.

When needing to add a "Form Number" to my grids to satisfy ISO requirements for forms, I didn't want to sacrifice any vertical screen space.  I added the text to the existing paging footer at the bottom left corner, where it normally appears on our paper forms.  

I added the following line to my  $(document).ready(function () ...

$("#grid").getKendoGrid().pager.element.prepend("<div class='docver'>EFORM: PTZ-0021 Rev: A</div>");

and then the css to keep that div in line with the paging buttons...

    .docver {
        float: left;
        display: inline-block;
        font-weight: normal ;
        font-size: 12px;
    }

 

Darron

After updating my project I get several errors about kendo-ui.d.ts

Typescript version 2.5

 

e.g.

SeverityCodeDescriptionProjectFileLineSuppression State
ErrorTS2430(TS) Interface 'DataSourceTransportWithFunctionOperations' incorrectly extends interface 'DataSourceTransport'.
  Types of property 'create' are incompatible.
    Type '(options: DataSourceTransportOptions) => void' has no properties in common with type 'DataSourceTransportCreate'.ExternC:\Users\Maurice.Lucas\Source\Repos\Juice\JuiceSolution\Extern\Scripts\typings\kendo-ui\kendo-ui.d.ts1196Active

SeverityCodeDescriptionProjectFileLineSuppression State
ErrorTS2559(TS) Type 'AgendaView' has no properties in common with type 'SchedulerView'.ExternC:\Users\Maurice.Lucas\Source\Repos\Juice\JuiceSolution\Extern\Scripts\typings\kendo-ui\kendo-ui.d.ts1542Active

SeverityCodeDescriptionProjectFileLineSuppression State
ErrorTS2415(TS) Class 'Alert' incorrectly extends base class 'Dialog'.
  Types of property 'options' are incompatible.
    Type 'AlertOptions' is not assignable to type 'DialogOptions'.
      Types of property 'messages' are incompatible.
        Type 'AlertMessages' has no properties in common with type 'DialogMessages'.ExternC:\Users\Maurice.Lucas\Source\Repos\Juice\JuiceSolution\Extern\Scripts\typings\kendo-ui\kendo-ui.d.ts1551Active

 

i'm facing an issue related to TIME in gantt chart. 

the problem is if i'm having time at server side    Start -> 1:00:00 and End -> 3:00:00 then in the browser in date field the time is showing like 1:00:00 is being shown as 6:00 and 3:00:00 is being shown as  8:00 . But when i save this task then at server side same time 1:00 and 3:00 is posted which is being done by onUpdateCreate() event method. i want to show same time which is at the server at the client side. how can i do that ?

 

 

Hello,

I would like to see the full example of Kendo Diagram for Asp.Net MVC. Especially I would like to know what is hidden behind the code in the default example You offer on website (http://demos.telerik.com/aspnet-mvc/diagram/index):

public ActionResult _OrgChart()

{

return Json(DiagramDataRepository.OrgChart(), JsonRequestBehavior.AllowGet);

}

Can You show me, what's in DiagramDataRepository.OrgChart() method, please? Or tell me, where I can find it?

Thank You!

I have a view displaying a collection as follows:

 

@model Portal.Models.ApplicantEmploymentHistoryVM

for (var i = 0; i < Model.ApplicantEmploymentHistories.Count; i++)
{

@Html.Kendo().RadioButtonFor(x => x.ApplicantEmploymentHistories[i].ContactSupervisor).Value(true).Label("Yes")
@Html.Kendo().RadioButtonFor(x => x.ApplicantEmploymentHistories[i].ContactSupervisor).Value(false).Label("No")

}

But the radio buttons aren't checked for the boolean values.  Will it not work with collections?

 

I have scheduler working well in my app. Everything looks good when using a desktop computer. I have set my scheduler to use .Mobile(MobileMode.Auto) .Mobile(MobileMode.Auto) in order to get around the double-click issue with iPads. However, when my appointment edit template displays the formatting is all off and the background is gray instead of white, the fields are not visible.

I am attaching 2 files, one for how it looks on desktop (which is good), one how it looks on an ipad (which is not).

I get the feeling that nobody is really using the scheduler with ipads since the forum seems to not have much information on it and the mobile features on scheduler are primitive.

Anyone using it sucessfully? Are there any tricks? I would prefer to just have the desktop mode and work around the double-click issue, has anyone figured out a way to do that?

Thanks,

Pete

 

Hello! We have a problem with your KENDO UI Menu.

We are using the version 2017.1.223 (the last) and we tried to create a new Visual Studio 2015 MVC solution and tried to insert the menu using the examples we found in the following links.

http://demos.telerik.com/kendo-ui/menu/index

http://demos.telerik.com/aspnet-mvc/menu/index

If you paste HTML5 code everything works perfectly, but if we use ASP.NET MVC code, we get the following error

Uncaught TypeError: kendo.syncReady is not a function

Can anyone help us solve the problem? (because we want use Razor Syntax for C#) 

Thanks!