kendo ui - KendoUI - grid - style default edit, delete, update and cancel buttons -
kendo ui - KendoUI - grid - style default edit, delete, update and cancel buttons -
how can alter default edit, delete, update , cancel button , replace them buttons icons ?
my command code:
class="lang-js prettyprint-override">command: [ { name: 'edit', template: "<a if-role-permission=\"['permission_workflow_definition_delete']\" class='k-grid-edit k-grid-update k-button' style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-edit'></span></a>" }, { name: 'destroy', template: "<a if-role-permission=\"['permission_workflow_definition_delete']\" class='k-grid-delete k-button' style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-remove-circle'></span></a>" } ] }
try this,
this kendo grid add together button,
.k-add { background: url("/content/images/loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important }
grid
$("#grid").kendogrid({ toolbar: [{ name: "create", text: "add" }], column:[{command:[ { name: 'edit', template: "<a if-role-permission=\"['permission_workflow_definition_delete']\" class='k-grid-edit k-grid-update k-button' style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-edit'></span>update</a>" }, { name: 'destroy', template: "<a if-role-permission=\"['permission_workflow_definition_delete']\" class='k-grid-delete k-button' style='width: 26px; height: 26px; vertical-align: middle; text-align: center;' ><span style='margin: 4px;' class='glyphicon glyphicon-remove-circle'></span>cancel</a>" }]}] });
note : if effect grid add
button icon.
kendo-ui kendo-grid
Comments
Post a Comment