剑道按钮`k-danger`不工作

时间:2017-08-14 07:37:49

标签: c# asp.net-mvc kendo-ui

我在C#项目中使用Kendo MVC。

我正在尝试将k-danger类添加到kendo按钮。我不知道为什么,但它在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吗?

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

3 个答案:

答案 0 :(得分:4)

danger(或实际上btn-danger)是一个特定于Bootstrap的CSS类名,实际上,它在Kendo UI样式表中不存在。我建议有两种选择:

  1. 假设您已注册Bootstrap样式表,请尝试使用Bootstrap的btn-danger CSS类。缺点是您可能会偶然发现Kendo UI与Bootstrap样式冲突,结果按钮外观将是两个库样式之间的混合。

  2. 创建自己的Kendo UI“危险”按钮样式。例如,将以下CSS规则添加到样式表中,该样式表在Kendo UI样式表之后注册:

    .k-button.k-danger,
    .k-button.k-danger:active {
        background-color: #f00;
        color: #fff;
        border-color: #f00;
    }
    

答案 1 :(得分:2)

CIImage *ciImage = image.CIImage;
CIDetector *detector = [CIDetector detectorOfType:CIDetectorTypeRectangle
                                          context:nil
                                          options:@{CIDetectorAccuracy:CIDetectorAccuracyHigh,
                                                    CIDetectorTracking:@YES,
                                                    CIDetectorMinFeatureSize:@.5f}];

NSArray<CIRectangleFeature *> *rectangleFeatures = (NSArray<CIRectangleFeature *> *)[detector featuresInImage:ciImage];
for (CIRectangleFeature *rect in rectangleFeatures)
{
    //find a proper rect, like card's width / height = 4:3
    //following procedure is just an example, adjust it to fit your real needs.
    CGFloat width = fabs(rect.topRight.x - rect.topLeft.x);
    CGFloat height = fabs(rect.topLeft.y - rect.bottomLeft.y);
    if ((width / height - 4 / 3) <= 0.1) {
        CIImage *cardImage = [ciImage imageByCroppingToRect:rect.bounds]; //or create a custom rect to crop if it's not good.
        CGRect greenRect = CGRectMake(0, rect.bounds.size.height * 0.8, rect.bounds.size.width, rect.bounds.size.height * 0.2); //in image coordinates
        CIImage *greenRectCIImage = [cardImage imageByCroppingToRect:greenRect];

        UIImage *greenRectImage = [[UIImage alloc] initWithCIImage:greenRectCIImage];
        //use greenRectImage for OCR

        return;
    }
}

您需要创建自定义样式才能获得结果,或者只需添加bootstrap css并添加&#34; btn btn-danger&#34;在你的危险按钮。

检查此JsBin演示

Js Bin Example

答案 2 :(得分:1)

默认情况下,kendo会为k-error-colored提供shown here

其他方便的课程是:

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

您只需将其与k-button

一起使用即可

This jsfiddle显示了它的呈现方式。

enter image description here