Problem with "Custom command" Demo

[Jesse]

I was trying to recreate the custom command demo and I'm having an issue.

The issue seems to relate to the text property on the command:

command: { text: "View Details", click: showDetails }, title: " ", width: "140px"

Using the kendo.web.min.js file the following html is generated for the button.

<a class="k-button k-button-icontext k-grid-View Details" href="#">

   <span class=" "></span>

   View Details

</a>

Your demo using kendo.all.min.js:

<a class="k-button k-button-icontext k-grid-ViewDetails" href="#">

     <span class=" "></span>

     View Details

</a>

The class should be "k-grid-VIewDetails" like the "kendo.all.min.js" but in the "kendo.web.min.js" it is creating two classes one being "k-grid-View" and "Details"

This causes the button to not work.  Taking the space out of "View Details" when defining the text property for the command allows the button to work with no other modifications.

[Rosen]

Hi Jesse,

I suspect that you are using an older (Q2 2012) version of KendoUI where the version used on demos site is the (Q2 SP1 2012), which is available to our commercial license holders. In the version you are using, when using a text which contains spaces, it is required to use a command name which does not have spaces:

command: { text: "View Details", name: "ViewDetails", click: showDetails }, title: " ", width: "140px"

Regards,
Rosen
the Telerik team

[Jesse]

Ah thank you.  I used whatever release that is on Nuget.  Wish the demo mentioned something about that. 

Thanks