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

Kendo Tooltip position with DatePicker

1 Answer 349 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
René
Top achievements
Rank 2
René asked on 16 Apr 2021, 07:07 AM

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é

1 Answer, 1 is accepted

Sort by
0
Aleksandar
Telerik team
answered on 20 Apr 2021, 02:49 PM

Hi René,

In order to achieve the desired behavior I suggest wrapping the DatePicker in a container element and setting the filter configuration of the Tooltip:

<div id=container>
   <input id="datepicker" value="10/10/2011" title="datepicker" style="width: 100%" />
</div>

<script>
    $(document).ready(function() {
          $("#datepicker").kendoDatePicker();

          $("#container").kendoTooltip({
            filter:"span.k-select",
            autoHide: true,
            content: "This tooltip is displayed over datepicker icon",
            position: "right"
          });

     });
</script>

Here is a sample dojo demonstrating the above.

Regards,
Aleksandar
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
René
Top achievements
Rank 2
Answers by
Aleksandar
Telerik team
Share this question
or