将滚动条添加到kendo.alert对话框

时间:2018-06-05 11:14:45

标签: kendo-ui alertdialog

我正在尝试使用kendo.alert函数而不是普通的javascript警报 - 但每当我传入大量文本(例如,许多带有换行符的段落)时,警报框就会超过当前窗口的高度,意思是你只能看到文本的底部加上OK按钮。有没有办法在ken​​do.alert上启用滚动条,以便您可以看到所有行?

1 个答案:

答案 0 :(得分:0)

您可以使用一些CSS强制滚动条:

.k-alert {
    max-width: 50%; 
}

.k-alert .k-content{
    max-height: 100px;
    overflow: auto;
}

<强> DEMO

您还可以使用JavaScript计算可用的屏幕高度,然后相应地设置内容max-height。

或者,使用完整的kendo对话框并设置maxHeight属性: https://docs.telerik.com/kendo-ui/api/javascript/ui/dialog/configuration/maxheight