Telerik Кендо Сетка значок пользовательских команд

Question

Я использую кендо сетки в моем приложении с пользовательской команды для каждой строки, как это:

.Columns(
     columns => 
     { 
      //fields 1 
      //fields 2 
      columns.Command(command => 
      { 
       command.Custom("View").Click("view"); 
       command.Custom("Edit").Click("edit"); 
       command.Custom("Delete").Click("delete"); 
      }).Width(300); 
     } 
) 

Это работает, но теперь мне нужно поставить значок (устрашающий шрифт?) Вместо строки , Благодарим вас за помощь

Answer 1

Вы можете настроить внешний вид и стиль кнопок с помощью CSS. В следующем примере кнопка настраивается с фоновым изображением.

.k-grid-content .k-button { 
 
    width: 20px; 
 
    height: 20px; 
 
    border: none; 
 
    min-width: 0 !important; 
 
    border-radius: 0; 
 
    color: transparent; 
 
    text-indent: -10000%; 
 
    box-shadow: none !important; 
 
} 
 

 
.k-grid-content .k-button span { 
 
    display: none; 
 
} 
 

 
.k-grid-content .k-button.k-grid-Edit { 
 
    background: url(/img/icons/icon-edit.png) no-repeat; 
 
}

Я создал додзе для вас. Надеюсь, поможет.

http://dojo.telerik.com/ETIYa/2