2017-08-14 56 views
7

我在C#項目中使用Kendo MVC。劍道按鈕`k-危險`不起作用

我想將k-danger類添加到劍道按鈕。我不知道爲什麼,但它不適用於k-primary課程。

這是我的按鈕代碼:

<button type='button' id='Button1' onclick='Delete(#=ID#)' class='k-button k-button-icontext k-grid-add k-danger'> // This is just showing the default button 
    <span class='k-icon k-i-trash'></span> 
</button> 

<button type='button' id='Button2' onclick='Info(#=ID#)' class='k-button k-button-icontext k-grid-add k-i-pencil'> // This is showing the primary button 
    <span class='k-icon k-i-pencil'></span> 
</button> 

圖標完美的作品。 我到處搜索,但我沒有發現任何關於此。所以我得出結論,沒有k-danger類,我不知道我是否錯了。

如果沒有k-danger可用,還有什麼我可以使用,而不是k-danger

如果需要的話,我可以提供完整的代碼。

回答

4

danger(或實際上btn-danger)是Bootstrap特定的CSS類名稱,實際上它並不存在於Kendo UI樣式表中。有兩種選擇,我會建議:

  1. 假設你有引導樣式表登記,請嘗試使用btn-danger CSS類引導的。不利的一面是,你可能會偶然發現Kendo UI vs Bootstrap風格的衝突,並且由此產生的按鈕外觀將成爲兩種庫風格的混合體。

  2. 創建自己的Kendo UI「危險」按鈕樣式。例如,添加下面的CSS規則的樣式表,這是劍道UI樣式表後註冊:

    .k-button.k-danger, 
    .k-button.k-danger:active { 
        background-color: #f00; 
        color: #fff; 
        border-color: #f00; 
    } 
    
3
k-danger does not have any style in kendo css, 

您需要創建自定義樣式,讓您的結果,或者只加引導CSS並在你的危險按鈕中添加「btn btn-danger」類。

入住這JsBin演示

Js Bin Example

2

默認情況下劍道爲您提供k-error-coloredshown here

其他方便的類別是:

  • k-info-colored
  • k-success-colored
  • k-warning-colored

你只需要與k-button

This jsfiddle使用它顯示了它的呈現方式。

enter image description here