KendoUI usa icons en lugar de botones para commands personalizados

En Kendo UI, ¿es posible usar icons en lugar de botones para los commands personalizados en un KendGrid? Necesito esto porque los botones parecen tener un ancho mínimo que es demasiado grande para mi página. Incluso cuando especifico el ancho no se networkinguce.

command: [ { name: "Edit",width: 10 ,text:"",imageClass: "k-icon ki-pencil", click: function(e) { //some code } }] 

One Solution collect form web for “KendoUI usa icons en lugar de botones para commands personalizados”

Puede sobreescribir la definición de KendoUI:

 .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button { min-width: 0; } 

Verifíquelo aquí: http://jsfiddle.net/OnaBai/286F6/

O puede intentar ser less agresivo (networkingucir los efectos queueterales) haciendo:

 ak-button.k-button-icontext.k-grid-Edit { min-width : 0; } 

Verifíquelo aquí: http://jsfiddle.net/OnaBai/286F6/1/

O incluso un poco less:

 #grid ak-button.k-button-icontext.k-grid-Edit { min-width : 0; } 

Donde lo estrecho a solo una grilla específica con id="grid" .

Verifíquelo aquí: http://jsfiddle.net/OnaBai/286F6/2/

Pero si no desea sobrescribir el estilo de UI de Kendo, aún puede hacerlo:

 $("#grid").kendoGrid({ dataSource: myDataSource, columns: [ { command: { name: "Edit", text:"", imageClass: "k-icon ki-pencil ob-icon-only", click: function(e) { //some code } } }, ... ], }); 

y entonces:

 $(".ob-icon-only", "#grid").parent().css("min-width", 0); 

Verifíquelo aquí: http://jsfiddle.net/OnaBai/286F6/3/

  • ¿Cómo cambiar el tamaño de un combobox de kendo ui?
  • ¿Hay alguna forma de configurar el browser para que escriba el área pnetworkingeterminada
  • No se pueden leer los 'datos' de la propiedad de la grilla kendo ui js indefinida con customdropdown
  • El menu personalizado del filter KendoUI Grid se rompe después del primer filtrado o borrado
  • ¿Cómo reorderar las filas de la grilla de kendo?
  • Unkeught TypeError: no se puede leer la propiedad 'replace' de undefined In Grid
  • Desactive o haga que el Editor de Kendo sea de solo lectura
  • Kendo UI Grid jerarquía de niveles múltiples (n-levels of hierarchy)
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.