Hi,

 I would like to remove "Never" and "Yearly" from the recurrenceRule(Repeat) DropDown options.

 How can i do that?

 (I"m using angularJS)

Thanks,

Ido

I have an MVC page that is displaying certain data via a series of observable variables (or actually properties since it's an viewModel object).  All simple stuff as it relates to MVVM really.  Everything works really well.  Change the value of the variable, and the data in the appropriate spans within the page updates automagically.  Love it.

However, now I'm adding a Kendo Window, initially not visible when the page loads.  When the user presses a button, I want the window to open with a form for editing the data.  I've added the appropriate html inputs, and also added the data binding on the control to the same MVVM variables used to display on the page, but when I open the dialog, the data isn't populated with the MVVM variables that are otherwise displaying a-ok on the screen.

Sure, upon the opening of the window, I could use jQuery to populate the form, but I wanted to use the bound MVVM variables.

So is there a trick to this?  I'm no stranger to the concept of MVVM having used Knockout for a long while before switching to the Telerik MVVM.  I've been using it for close to a year, but always just to display data updates on a screen via an ajax call.  (after an AJAX call, setting the appropriate viewModel properties, and they update on the bound spans within the page).

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);
        }
    }