I need multi tooltips always show in the page, and the tooltips will hide only when users click close icon of the tooltips.
but tooltips will hide when click other elements in the page, how to prevent this ?
Following is my code and screenshot.
<div class="point" title="A">1</div>
<div class="point" title="B">2</div>
<div class="point" title="C">3</div>
$('.point').kendoTooltip({
position: "top",
width: 200,
autoHide: false,
showOn: "click",
hide:(e)=>{
console.log(e)
e.preventDefault()
}
})
const $allEl = $(`.point`)
for(let i=0;i<$allEl.length;i++){
const $this = $allEl.eq(i)
$this.data('kendoTooltip').show($this)
}
I have an element need to inited both Draggable and Toolips, and I want to prevent tooltips show event when dragend, I use e.preventdefault() , but it don't work.
The version I'm using is 2017.3.913
For some reason, I can't update to the latest.
My html
<div class="edit-tooltips" style="left: ${xPx};top: ${yPx}">
<div class="sensor-point new-point" > content
${ index }
</div>
</div>
My js
$(".edit-tooltips").kendoTooltip({
autoHide:false,
showOn: "click"
.....
})
$(".sensor-point").kendoDraggable({
hint: (element)=>{
return ....
},
dragstart: (e:any)=>{
},
dragend: (e:any)=> {
....
e.preventDefault() // this dot'n work, tooltips show event will still be triggered
}
})
I have a grid where I have some buttons with icons for every row. For those buttons I need to display some tooltips. To do this I am using the kendo tooltip however when the user hovers the button and after the tooltip is displayed the user clicks on the button, the button is hidden but the tooltip is still shown.
How can I close the tooltip when the element is no longer visible on the screen?
In the documentation I found how to change the main tooltip for a task start/end. Actually I want to keep it.
But how could I change only the planned tooltip?
Hello, I have a problem with tooltips and hope you can help me.
Under certain circumstances multiple tooltips are shown and won't close (see screenshot and screenrecord).
To reproduce this move the cursor quickly over elements that have a tooltip.
Is there a way to fix this?
Hi,
The position of tooltip in bar charts is at top bar-line by default. Can this position be changed to the middle of the bar chart . While going through the documentation we didn't find any property to set the position. Please suggest.
Regards,
Jaspreet
There is a code snippet in the _removeDescribedBy method
arrayAttr = target.attr (DESCRIBEDBY) .split (
''
)
arrayAttr = (target.attr (DESCRIBEDBY) ||
''
) .split (
''
)
Hello,
please check this example: https://dojo.telerik.com/EVEToriY
When tooltip is used with DatePicker, it shows over picker icon. Is there any way how to display it next to icon and not next to input?
I know I can use offset property to move it, but it is little hack for me.
Regards
René
Good afternoon,
We have an issue where the tooltip widget would hide when it shouldn't.
Please see:
https://dojo.telerik.com/oCuMidOL/5
If you hover over your mouse and then scroll the window, then the tooltip will hide (even though we have set autoHide: false).
How can we make this stay always visible? It should hide only if the "x" button is clicked.
many thanks
Alex
Hi team !
Recently, animations on my tooltips (and some other components like windows) stopped working, and I can't manage to find why or how to fix it. This issue appeared on every pages.
$(document).ready(
function
() {
$(
"#gridHistoPeriodesRecueil"
).kendoTooltip({
filter:
".k-grid-cmdModifier"
,
content:
"Modifier les dates de la période"
,
animation: {
open: {
effects:
"fade:in"
,
duration: 1000
}
}
});
})
"gridHistoPeriodesRecueil" is my grid, "cmdModifier" my command. When I hover over the button, the tooltip appears, but without animation. I tried with other effects, with or without duration, on other pages, but it doesn't work anymore.
I think I did something wrong that disabled every animations on my project, but I don't know what. Any idea ?
Thank you,
Valentin