EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: gordis gmbh on June 29, 2016, 09:07:26 AM



Title: tooltip for buttons in datagrid pager
Post by: gordis gmbh on June 29, 2016, 09:07:26 AM
I have not much place to show button-text in datagrid's pager. therefore i use only icons for the buttons.

Given that the buttons for add, save and cancel-edit are created as here: http://jsfiddle.net/tk19zpd0/

How can I add a tooltip which would appear when the mouse is placed over these buttons (hover)?

 


Title: Re: tooltip for buttons in datagrid pager
Post by: jarry on June 29, 2016, 05:51:41 PM
Please try this:

http://jsfiddle.net/tk19zpd0/1/


Title: Re: tooltip for buttons in datagrid pager
Post by: gordis gmbh on June 30, 2016, 01:14:48 AM
Sorry for not mentioning that the buttons are created dynamically in Javascript not using HTML's anchor tag.

Given that the buttons for add, save and cancel-edit are created as here: http://jsfiddle.net/tk19zpd0/

How can I add a tooltip which would appear when the mouse is placed over these buttons (hover)?


Title: Re: tooltip for buttons in datagrid pager
Post by: jarry on June 30, 2016, 07:17:44 PM
Please look at this updated example http://jsfiddle.net/tk19zpd0/2/