Show tooltip on kendo-numerictextbox

1 Answer 130 Views
NumericTextBox
Abhijit
Top achievements
Rank 1
Iron
Abhijit asked on 31 Aug 2023, 06:41 AM | edited on 31 Aug 2023, 06:43 AM

Does the kendo-numerictextbox support tooltips? I cant seem to find any documentation on it.

The placeholder wont do as its gone after text is typed.

1 Answer, 1 is accepted

Sort by
0
Simeon
Telerik team
answered on 01 Sep 2023, 09:33 AM | edited on 01 Sep 2023, 09:34 AM

Hi Abhijit,

To display a tooltip over the NumericTextBox component:

1. Provide a title to the component that should display the tooltip. This title will be shown upon interaction.

<kendo-numerictextbox title="foo"> </kendo-numerictextbox>

2. Wrap the component inside an element with the kendoTooltip directive. 

Here is an example demonstrating this approach:

https://stackblitz.com/edit/angular-ysgvqk

A similar result can also be achieved using our PopoverComponent:

1. Define the contents of the Popover component

2. Apply the kendoPopoverAnchor directive to the element that should display the popover.

3. Pass a popover instance to the popover input of the kendoPopoverAnchor directive.

Please refer to this example that demonstrates the suggested approach:

https://stackblitz.com/edit/angular-o6cwrr

I hope this helps.

Regards,
Simeon
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Abhijit
Top achievements
Rank 1
Iron
commented on 26 Sep 2023, 07:59 AM

Thank You. This worked.
Tags
NumericTextBox
Asked by
Abhijit
Top achievements
Rank 1
Iron
Answers by
Simeon
Telerik team
Share this question
or