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

Tooltip for paging numbers

5 Answers 115 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Madzie
Top achievements
Rank 1
Madzie asked on 06 Jul 2015, 08:01 PM
How to enable showing tooltips for Pagination numbers in grid !

5 Answers, 1 is accepted

Sort by
0
TorgueFan
Top achievements
Rank 1
answered on 07 Jul 2015, 09:15 PM
Hello Madzie,

Take a look at this example. The following example will help you add a Kendo ToolTip to each pagination number in the grid pager.

1. Click on the example.

2. Click run.

3. Expand grid via full screen or moving the center scrollbar. (so you can see all the page numbers)

4. Hover over page number.

First, define the grid's dataBound event. Here is documentation on dataBound.
Second, find the li elements that display the page numbers in the pager using jQuery.
Third, we loop over the li elements and add a Kendo ToolTip to each one.  Here is documentation on Tooltip.
Finally, we are getting the text of the li(which is the page number), and we set the content of the ToolTip with it. 

You may have to adjust the code to your needs.

Good luck!
0
Madzie
Top achievements
Rank 1
answered on 07 Jul 2015, 09:31 PM

Thanks for this.

I see in example that the paging numbers show up in tooltip but you will notice that the tooltips on hovering to different numbers doesn't close the previous one's. PFA.

Also, I am looking to see if the Narrator(Microsoft) can read the tooltip, in the example it doesn't.

0
Alexander Popov
Telerik team
answered on 08 Jul 2015, 12:15 PM
Hi Madzie,

I would suggest using a single Tooltip instance and generating the content dynamically, as shown here. Neither the Pager nor the Tooltip however, support keyboard navigation, which is required in order to use any screen readers effectively.

Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Madzie
Top achievements
Rank 1
answered on 08 Jul 2015, 07:02 PM

So with Telerik grid, the pagination doesn't support tabbing within numbers !

Is there a plan to fix it ?

 

0
Alexander Popov
Telerik team
answered on 10 Jul 2015, 11:45 AM
Hi Madzie,

Including a keyboard navigation support for the Pager is currently not on our immediate to-do list. I would encourage you to submit this request on our feedback portal.

Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Madzie
Top achievements
Rank 1
Answers by
TorgueFan
Top achievements
Rank 1
Madzie
Top achievements
Rank 1
Alexander Popov
Telerik team
Share this question
or