Click here to Skip to main content
15,884,537 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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.
Posted
Updated 17-Jul-19 21:55pm
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900