We are using both the radial and linear gauges in our own jQuery UI widget wrappers. These custom widgets are then added dynamically to a "canvas" window in our product. This had been working well until recently, when we noticed that sometimes the Kendo gauges would not always appear centered in their container divs. See the attached .PNG files for an example of a "misaligned" gauge, as well as the proper alignment.

When a gauge is misaligned, any small change to the browser window size will cause it to immediately "snap" into position. So, clearly the gauge is responding to some window message to reflow the page.

Our developers have spent a long time trying to solve the initial misalignment problems. We found that setting a timer when the page loads and then calling the gauges' "resize(true)" method would cause the gauges to align properly. However, a lot happens in the page when it loads so it was always tricky to set the timer delay so it didn't occur "too soon" to have an effect. Even so, this workaround has not been effective in every case and our customers have started to notice the issue.

I have noticed that misalignment seems to occur most often in recent versions of Chrome and Edge browsers. Firefox and Internet Explorer don't appear to suffer the same issue.  We are still using an older version of Telerik controls: 2018.3.911.

In my rather extensive testing of this issue the past few days I have noticed that a in simpler "preview" page that one type of our widget seems to always be initially misaligned but another widget type behaves properly. I have looked for differences between the two widgets (both based on Kendo radial gauges) and aside from default CSS, layout and labeling differences, the two widgets are pretty similar. I can't explain the difference but it seems reproducible.

Any thoughts about could be going wrong? We could prefer to avoid the "resize" method of solving this issue, if possible. What message do the gauges respond to when the browser window is resized?

I can provide details on how the widgets are rendered and the appropriate CSS upon request.

Thanks,

Jeff Benson

New Boundary Technologies

I have a kendo grid with grouping and endless scrollbar. I am trying to update dataItem(s) using dataItem.set with an external button click. dataItem.set is not firing change event and data is not being updated. 

Can someone help me with the issue.

i did not bind Multicolumndroupdownlist

view

                        @(Html.Kendo().MultiColumnComboBox()
              .Name("customers")
              .Placeholder("Select customer")
              .DataTextField("CustName")
              .DataValueField("CustomerID")
              .Columns(columns =>
              {
                  columns.Add().Field("CustName").Title("Name");
                  columns.Add().Field("CustomerID").Title("ID");
              })
              .HtmlAttributes(new { style = "width:100%;" })
              .Filter("contains")
              .AutoBind(false)
              .MinLength(2)
              .DataSource(source =>
              {
                  source.Read(read =>
                  {
                      read.Action("GetCustomers", "OrderManagement");
                  })
                  .ServerFiltering(true);
              })
            )

Controller

 public ActionResult GetCustomers(string text)
        {
            ApplicationDbContext db = new ApplicationDbContext();
            var customers = db.Customers.Select(customer => new Customer
            {
                CustomerId = customer.CustomerId,
                CustName = customer.CustName,
                PhoneNo = customer.PhoneNo
            });

            if (!string.IsNullOrEmpty(text))
            {
                customers = db.Customers.Where(p => p.CustName.Contains(text));
            }
           // return Json(GetOrders().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
            return Json(customers, JsonRequestBehavior.AllowGet);
        }

Hello everyone,

if I use a HierarchicalDataSource with serverFiltering set to true, filter requests are being sent to my remote data source. The problem is though, that already selected items can not be removed any more by clicking on the delete icon after the dataSource has been reloaded, probably due to changed uid's. Is there a workaround for this?

Bye,

Bo

Hi,

We have a scenario that shows a form (e.g. with field A and field B) with multiple text fields being edited using MVVM tied to a data source that’s is set to AutoSync. This datasource is tied to a remote connection, so there can be a momentary lag e.g. 1-2 secs.

What we can observe is that :-
- The user types in field A
- The user then clicks on field B, and starts typing… 
- As the field A lost focus, AutoSync has kicked in (so network request starts)
- User starts to type in field B, but then previous network request finishes and fieldB resets to the value in the datasource, effectively undoing what the user has just typed

Is this ‘expected’ behaviour? Do you know any methods (or workarounds) to prevent this?  Or do we need to disable AutoSync?

Is there any documentation about what events on html input fields that MVVM / AutoSync use, and when ?

Thanks

Chris

I have an application that uses an input for the user to enter a number. When the input is changed another field is recalculated based on the value entered. Because the application is used in different cultures and because the telerik interferes on data binding (see https://www.telerik.com/forums/numeric-input-on-popup-edit-on-different-language) with the decimal separator I have to change the input to a telerik numerictextbox. However the input event does not exist on the numerictextbox.

I tried using numerictextbox_text.on('input keyup', calculate) but they do not work. How can I have the input event on the numerictextbox?