This is a migrated thread and some comments may be shown as answers.

Problem with "Custom command" Demo

2 Answers 82 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jesse
Top achievements
Rank 1
Jesse asked on 11 Oct 2012, 06:39 PM
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.

2 Answers, 1 is accepted

Sort by
0
Accepted
Rosen
Telerik team
answered on 12 Oct 2012, 08:10 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Jesse
Top achievements
Rank 1
answered on 12 Oct 2012, 01:51 PM
Ah thank you.  I used whatever release that is on Nuget.  Wish the demo mentioned something about that. 

Thanks
Tags
Grid
Asked by
Jesse
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Jesse
Top achievements
Rank 1
Share this question
or