Trying without success to alter the width of the button rendered in a grid using client template -
columns.Template(c => { }).ClientTemplate("<
a
class
=
'k-button k-button-icontext k-grid-ManageCompany'
href
=
'" + Url.Action("ManageCompanies") + "/#= CompanyId #'
" + ">#= Name #</
a
>").HtmlAttributes(new { @class = "customGridRowStyle", title = "Edit Company Profile" }).Width(50); //.Filterable(filterable => filterable.UI("nameFilter"));
When rendered, the code is as follows -
<
td
class
=
"customGridRowStyle"
title
=
"Edit Company Profile"
role
=
"gridcell"
><
a
class
=
"k-button k-button-icontext k-grid-ManageCompany"
href
=
"/Portal/Search/ManageCompanies/344"
><
span
class
=
"k-icon k-i-edit"
></
span
></
a
></
td
>
Min-width seems to be defined as :
k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
min-width: 64px;
}
I've tried seeting the style within the page itself as -
.k-button .k-button-icontext .k-grid-ManageCompany {
min-width: 30px;
width: 30px;
}
But it seems to have no effect.
Ive also tried adding the style to the HtmlAttributes with no success either.
Any help appreciated.
Terry.
.