Hello,

I have a textbox with a simple required field validator using kendo. I would like to style it using a new CSS class created by us like this:

The problem is that whenever the validation happens our CSS class named k-x-invalid-msg-block is removed from the tooltip span or replaced by another HTML construct that looks like this:

As you can see our k-x-invalid-msg-block is gone. Is this on purpose? What is the preferred way of styling the tooltip then?

All I would like to do is add a "display:block;" since I need to display the tooltip below the input.

Kind regards,

Krisztián

I have a grid and I am trying to filter on multiple values:
FirstName, LastName or FirstName + " " + LastName

So the user can search for:
"John"
"Smith"
"John Smith"

Currently I have:

The search for "John" or "Smith" works however not on "John Smith"

Any ideas
Thanks

Tom

Hi,

I have some questions about the spreadsheet widget in Kendo:

1. How can I get the currently selected range of cells? The sheet.activeCell method seems just to return the primary selected cell.

2. How can I register an event which triggers if the selection of cells has changed? Currently I use the "render" event, but this triggers more often than I need it to.

3. The "change" event does not trigger, if the undo method is used (which changes some values). How can I trigger the change method including the changed range/values?

Thank you for your help + Best regards

Hi,

I have a kendo grid with the Ward column having a dropdownlist editor template. We are using MVC architecture. When I tab through the grid cells so fast so that we are out of the Ward cell before the dropdownlist refreshes, the value is set to undefined and it doesn't change after that even if we select it. When I debugged the issue in IE, it breaks in one of the kendo js saying i.input.val() is undefined. 

It works fine as long as I let the dropdownlist refresh before I move to the next cell. Please advise!

I am having the same issue with all the dropdownlist editor templates.

//Inside the partial view

@(Html.Kendo().Grid(programContactData)
      .Name(gridName)

      .Columns(cols =>
      {

   cols.Bound(t => t.Ward).Width(70).EditorTemplateName("WardDropDown").ClientTemplate("#:Ward.WardNumber#").HtmlAttributes(new { style = "text-align:right" });

})

  .DataSource(dataSource => dataSource
                                .Ajax().ServerOperation(false)
                                .Batch(true)

                                .Model(model =>
                                {

                                        model.Field(m => m.Ward).DefaultValue(defaultWardNumber as TRE.Models.WardViewModel).Editable(true);

                               })

)

//Ward dropdown Editor Template

@(Html.Kendo().DropDownListFor(m => m)
            .AutoBind(false)       
                
            .DataValueField("WardId")
            .DataTextField("WardNumber")
            .DataSource(source =>
             {
                 source.Read(read =>
                 {
                     read.Action("PopulateWardList", "SaveForm");
                 }).ServerFiltering(true);
             })
        //.Events(e =>
        // {
        //     e.Select("onSelect");
        // })
)

//Save Form controller PopulateWardList method

   public ActionResult PopulateWardList()
        {
            try
            {
                List<WardViewModel> wardList = new List<WardViewModel>();
                wardList.Add(new WardViewModel() { WardId = 0, WardNumber = " " });
                wardList.Add(new WardViewModel() { WardId = 1, WardNumber = "1" });
                wardList.Add(new WardViewModel() { WardId = 2, WardNumber = "2" });
                wardList.Add(new WardViewModel() { WardId = 3, WardNumber = "3" });
                wardList.Add(new WardViewModel() { WardId = 4, WardNumber = "4" });
                wardList.Add(new WardViewModel() { WardId = 5, WardNumber = "5" });
                wardList.Add(new WardViewModel() { WardId = 6, WardNumber = "6" });
                wardList.Add(new WardViewModel() { WardId = 7, WardNumber = "7" });
                wardList.Add(new WardViewModel() { WardId = 8, WardNumber = "8" });

                ViewBag.DefaultWard = wardList.First();
                return Json(wardList, JsonRequestBehavior.AllowGet);
            }
            catch (Exception ex)
            {
                LogManager.GetLogger("DHW").Error(ex);
                throw;
            }
        }

The diagram `layout` method returns immediately while the layout process is on-going in the background.

It would be nice to have some way of knowing when the layout is finished, so I can show the user a "waiting" or "working" indication in the meanwhile. 

I couldn't find any `onLayoutFinished` in the API docs. Is there a way to know if the layout has finished processing? 

Thank you.