On the documentation of the "close" event, you say that the the event is raised AFTER the animation is over. 

"// the closing animation has finished"

So, it's too late to stop it.

But, in fact, it occurs "before", and we can call e.preventDefault(), to abort it.

https://docs.telerik.com/kendo-ui/api/javascript/ui/window/events/close

Hey guys!

I have little to no experience with Kendo Charts, but have been assigned with the task, to create something like the attached image. 

It has to live in an Angular application.

I am hoping some of you have some starter tips for me.

My primary concern revolves around creating the green/yellow/red areas. 

The attached image is in my opinion pretty self explanatory, but if you have any questions, im happy to answer :)

Thank you in advance for any answers, I really appreciate your help!

Hello,

How can i do to export to PDF in angular 4 ?

I didn't find the documentation.

Thank you!

Hi kendo team,

Is there an event that I can listen to for resize column width, like how grid do? I want to remember the spreadsheet column width for user preferences, so on page reload, column will have same width.

The only event I find that's close is the render event. However, it's fired way too frequently. Any suggestion for work-around?

Best,

Anna

Issue: When using defineName() having the tag name using a . adds quotes around the objects key

Image with defineName demo: image01

Required behaviour. Need to convert . to * for example: dog.text_text should be dog*text_text, or when passing this value dog.text_text the objects key dog"."text_text should not be wrapped in quotes.

another image02 is shown how the object key should be shown using the browsers console

Also error message just says invalid name : {name} and has no useful information to figure out the issue

I have an auto complete field that pulls in my vendors.  Related to my vendors are pay terms.  On the UI the pay terms is a drop down list.  When I select vendor from the auto complete, how do I get the pay terms to be selected on the drop down list?  Thanks in advance.  

<div class="form-group row mt-4">
            @Html.LabelFor(model => model.VendorName, new { @class = "col-sm-3 col-form-label" })
            <div class="col-sm-9">
                @Html.TextBoxFor(model => model.VendorName, new { @class = "form-control", maxlength = "50", type = "text", @id = "txtVendorName" })
                @Html.ValidationMessageFor(model => model.VendorName, "", new { @class = "text-danger" })

                <script id="noDataTemplate" type="text/x-kendo-tmpl">
                    <div>
                        No data found. Do you want to add new vendor - '#: instance.element.val() #' ?
                    </div>
                    <br />
                    <button class="k-button" onclick="addNewVendor('#: instance.element[0].id #', '#: instance.element.val() #')">Add new vendor</button>
                </script>
            </div>
        </div>

 <div class="form-group row mt-4">
            @Html.LabelFor(model => model.InvoiceTermID, new { @class = "col-sm-3 col-form-label" })
            <div class="col-sm-9">
                @(Html.Kendo().DropDownListFor(x => x.InvoiceTermID)
                               .OptionLabel("Select Terms")
                               .DataTextField("Text")
                               .DataValueField("Value")
                               .HtmlAttributes(new { style = "width: 100%" , @required = "required", @validationMessage = "The Terms field is required.", id="ddlTermID" })
                               .DataSource(source =>
                               {
                                   source.Read(read =>
                                   {
                                       read.Action("GetInvoiceTermsSelectList", "Dropdown");
                                   });
                               })
                               .Value(Convert.ToString(Model.InvoiceTermID))
                           )
                @Html.ValidationMessageFor(model => model.InvoiceTermID, "", new { @class = "text-danger" })
            </div>
        </div>

   $(document).ready(function () {
        $("#Date").attr("readonly", true);

        $("#txtVendorName").kendoAutoComplete({
            dataSource: {
                type: "json",
                severFiltering: true,
                serverPaging: true,
                transport: {
                    read: '@Url.Action("GetVendors", "PurchaseOrder")',
                    parameterMap: function (data, type) {
                        return { filter: $('#txtVendorName').val() };
                    }
                }
            },
            clearButton: true,
            filter: "contains",
            dataTextField: "Name",
            minLength: 3,
            placeholder: "Search Vendor Name ...",
            noDataTemplate: $("#noDataTemplate").html(),
            select: onSelectVendor,
            change: function (e) {
                var vendorId = $("#hdnVendorID").val();
                if (vendorId == "" || vendorId == 0) {
                    $("#hdnVendorID").val("");
                    $("#txtVendorName").val("");
                }
            },
            filtering: function (e) {
                $("#hdnVendorID").val("");
            }
        });

    function onSelectVendor(e) {
        var dataItem = this.dataItem(e.item.index());        
        if (dataItem && dataItem.VendorID > 0) {
            $("#hdnVendorID").val(dataItem.VendorID);              
            //$("#ddlTermID").val(1);
        }
    }

Hi,

what's the best and easiest way to save the selected row, make a refresh/reload and select the row again?