Questions tagged [kendo-tooltip]

The Kendo Tooltip is a Kendo widget that Customizable and themeable tooltip. Kendo UI Tooltip can be attached to any element. When you hover the element with your mouse or on external button clicked it displayed litter box next to target the element.

The Kendo tooltip is a Kendo-UI widget that can be theme able as well as allowing various customization.

  • Display other content than just the title, like inline footnotes or extra content retrieved via Ajax.
  • Customize the positioning, e.g., to center the tooltip above elements. Add extra styling to customize the appearance, for warning or error fields.
  • Tooltips are also useful for form elements, to show some additional information in the context of each field.

Resources

Related tags

73 questions
1
vote
2 answers

How to add html table inside kendo tooltip for each cell without any api or ajax?

I want to add html table inside a tooltip for each cell without any server request. Kendo provides this feature with api calling. $(document).ready(function() { var tooltip = $("#target").kendoTooltip({ iframe: false, content: { url:…
aaqib90
  • 510
  • 1
  • 5
  • 16
1
vote
1 answer

Kendo UI (Scheduler) - Show Description Tooltip on Hover (jQuery)

I am using Kendo UI Scheduler... How can I show Description in a Tooltip on Hover in jQuery? Online Demo var _data = new kendo.data.SchedulerDataSource({ data: [ { eventID: 8, title: "Group meeting.", start: new Date(), …
Reddy
  • 1,477
  • 29
  • 79
1
vote
1 answer

Add Custom Data To Kendo UI Calendar For Tooltip

I have the following calendar and tooltip: $("#achCalendar").kendoCalendar({ dates: events, navigate: MonthNavigate, change: DateChange, value: cur, month: { // template for dates in month view content: "# if…
Cef
  • 661
  • 1
  • 6
  • 26
1
vote
1 answer

more link for angular ng-repeat show first few items

I have a scenario where I have Array of objects and I wanted to display on first few of them (should be configurable). var users = [{id:1234, name:'ABCD', role: 'XXX', lastLogin: 'XXXX'}, {id:1235, name:'ABCDE', role: 'XXX', lastLogin:…
1
vote
2 answers

With Kendo UI validator how to hide default validation error message and show message on tooltip only

The validation is currently happening correctly.The only issue is that I would like to show the error message in the tooltip only and not through a span next to the input element. How do I hide the default display? My CSS: