私の剣道グリッドにボタンがあります。デフォルトではadd new record
です。私はそれを変更したい。私は、次のタグを使用しますが動作しません:剣道グリッドボタンの "テキスト"を変更するには?
#turbinegrid .k-icon.k-add::after {
content: "ADD";
}
私の剣道グリッドにボタンがあります。デフォルトではadd new record
です。私はそれを変更したい。私は、次のタグを使用しますが動作しません:剣道グリッドボタンの "テキスト"を変更するには?
#turbinegrid .k-icon.k-add::after {
content: "ADD";
}
#turbinegrid .k-icon.k-add {
font-size: 0px !important;
}
#turbinegrid .k-icon.k-add::after {
content: "New Text" !important;
font-size: 18px !important;
}
これがなぜこの問題を解決するのか説明できれば助かります。 – Nisarg
このhttps://jsfiddle.net/1oxe4ykh/はあなたに理解してもらえます。理解できない場合は、 'css for dummies' @NisargShah –
あなたは以下のようなボタンのテンプレートを設定することができ、
$("#myGrid").kendoGrid({
toolbar: [{
template: '<div><div style="float:left;"><h2>Tech Documents</h2></div><div style="float:right;margin: 2% 1% 1% 1%;"><a title="add new" class="k-button k-button-icontext k-grid-add" href="\\#"><span class="k-icon k-i-plus-outline"></span>**Create One**</a></div></div>'
}]
});
はワンを作成の代わりに、ボタンのテキストを使用します。
MVC
を使用している場合、あなたはこのようにテキストを設定することができます:jQuery
使用この使用している場合
@(Html.Kendo().Grid<GridViewModel>()
.ToolBar(tools =>
{
tools.Create().Text("ADD");
})
)
:
$("#grid").kendoGrid({
toolbar: [{ name: "create", text: "ADD" }]
});
あなたは私たちに、グリッドや、ボタンのHTMLマークアップを示してもらえますか? –
デフォルトでは私はこの.k-icon.k-add – mrslt
を置き換えて、テキストを置き換えたり追加したりします。 –