Kendo ui 如何增加工具提示位置的垂直偏移?
我在一个24px高的图形上使用剑道工具提示(在锚定链接内)。相应地,当工具提示显示时(底部的默认位置),它会覆盖图形的底部三分之一,因此无法单击图形的底部三分之一 我可以做到以下几点:Kendo ui 如何增加工具提示位置的垂直偏移?,kendo-ui,kendo-tooltip,Kendo Ui,Kendo Tooltip,我在一个24px高的图形上使用剑道工具提示(在锚定链接内)。相应地,当工具提示显示时(底部的默认位置),它会覆盖图形的底部三分之一,因此无法单击图形的底部三分之一 我可以做到以下几点: .k-tooltip { margin-top: 8px; } 但问题是,如果工具提示位于页面底部的图形上,位置将是“顶部”而不是“底部”,但现在它将覆盖图形的1/2,而不是仅仅三分之一,因为它仍被8px向下推 我想要的是,如果位置是底部,那么边距顶部是8px,但是如果位置是顶部,那么边距底部是8px
.k-tooltip {
margin-top: 8px;
}
但问题是,如果工具提示位于页面底部的图形上,位置将是“顶部”而不是“底部”,但现在它将覆盖图形的1/2,而不是仅仅三分之一,因为它仍被8px向下推
我想要的是,如果位置是底部,那么边距顶部是8px,但是如果位置是顶部,那么边距底部是8px
谢谢你能提供的任何帮助
比利·麦卡弗蒂这个能帮你吗?
var tooltip=$(“#demo”).kendoTooltip({
过滤器:“a”,
显示:功能(e){
var position=e.sender.options.position;
如果(位置=“底部”){
e、 sender.popup.element.css(“页边空白顶部”、“10px”);
}否则如果(位置=“顶部”){
e、 sender.popup.element.css(“边距底部”、“10px”);
}
}
}).数据(“kendoTooltip”)代码>谢谢你的回答,jarno lahtinen。这很有帮助!
出现了两个问题,我想在这里记录解决方案:
1.Typescript中的属性错误
我正在使用TS,它给了我以下错误:
e.sender.popup的“类型工具提示上不存在属性弹出窗口”
。我不确定这是因为剑道的更新版本,还是缺少类型定义
解决方案:
您可以使用此弹出窗口
2.不在“顶级”职位工作
不幸的是,“页边距底部”完全无效,因为弹出窗口是使用“上/左”定位的“绝对”
解决方案:
这将使弹出窗口向上移动10个像素您知道了吗?我有一个非常类似的问题,我正在处理…你能帮助使用此示例来演示你的问题,以便我们能够解决它吗?我三个,我有同样的问题我有一个类似的问题,但在我的情况下,我只是有一个超链接,工具提示模糊。幸运的是,Billy的解决方案适合我的情况(至少现在是这样)。下图显示了问题所在。
this.popup.element.css("margin-top", "-10px");