Hi All,
I am working on a grid which has tooltip for all the columns. I want to change the anchor (arrow-pointer) position to the bottom-left. Currently, the position is bottom.
I checked the Kendo tooltip API document and saw that bottom-left is not there. Still, if I need bottom-left position, is it possible to achieve?
What I have tried:
buildKendoToolTip: function () {
var that = this;
if (this.kendoTooltip)
return;
this.kendoTooltip = $("#_mTree,._mTree").kendoTooltip({
filter: ...,
display: "inline-block",
content: function (e) {
...
},
show: function (e) {
...
},
hide: function (e) {
...
},
width: 200,
autoHide: true,
position: "bottom",
callout: false
} as any).data("kendoTooltip");
}
I also tried using the below code:
$('.k-tooltip').kendoPopup({
position: "bottom left",
collision: "fit flip"
}).data("kendoPopup").open();
I cannot be able to understand how to use kendoPopup to change the css.