This is a migrated thread and some comments may be shown as answers.

Tooltip bad positioned when autohide:false

5 Answers 72 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Laurent
Top achievements
Rank 2
Iron
Iron
Laurent asked on 04 Nov 2020, 04:48 PM

Hi team,

<Tooltip bad positioned when autohide:false>

 

See your own demo for an example.

I will appreciate a workaround.

Also, sorry but the new style of the callout is ugly and lack visibility.

That said, thank you for the great job done with kendo ui.

Laurent.

 

5 Answers, 1 is accepted

Sort by
0
Stoyan
Telerik team
answered on 06 Nov 2020, 02:12 PM

Hi, Laurent,
thank you for addressing this.

Do you mean this gap between the tooltip and the target?

 It happens because the 'x' added by the 'autoHide: false' property crams the tooltip. To fix it you can adjust the 'width' and 'height' properties of the tooltip. Here is my take: https://dojo.telerik.com/@Stoyan/eJozEweV

Regards,
Stoyan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Laurent
Top achievements
Rank 2
Iron
Iron
answered on 09 Nov 2020, 03:13 PM

Hi Stoyan,

Thank you for the prompt response.

In fact, setting the width and height of individual tooltip is not an option for me as all my tooltips are instanciated in a bunch.

My workaround for the moment is to set autohide to true as despite the lack of close button, a tooltip close when clickinkg elsewhere in the page.

Also, note that with Default theme, the callout lacks of visibility because if the box-shadow.

Best regards.

0
Stoyan
Telerik team
answered on 10 Nov 2020, 03:34 PM

Laurent,

I created these examples that showcase a simple Tooltip. 

Could you please edit the one that suits your case best and share it with me to give me a better idea of the behaviors you observe. 

Regards,
Stoyan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Laurent
Top achievements
Rank 2
Iron
Iron
answered on 10 Nov 2020, 04:50 PM

Hi Stoyan,

I use the LESS default theme, here my showcase : https://dojo.telerik.com/eYUkODor

Toolptip is positioned "top".

Don't know why but the gap has disappeared here. The callout visibility is low due the box shadow.

 

Laurent.

0
Stoyan
Telerik team
answered on 11 Nov 2020, 02:16 PM

Hi, Laurent,

The low visibility of the callout appears to be a bug. I have logged it. You can follow the thread here: https://github.com/telerik/kendo-ui-core/issues/6134

  • A possible workaround is to set  box-shadow:none; Here is a dojo example.
  • Alternatively you can use a Less theme that does not face the issue. E.g. bootstrap.

Additionally as a token of gratitude for reporting the bug I have updated your Telerik points.

Regards, Author nickname Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ToolTip
Asked by
Laurent
Top achievements
Rank 2
Iron
Iron
Answers by
Stoyan
Telerik team
Laurent
Top achievements
Rank 2
Iron
Iron
Share this question
or