EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: digo on January 23, 2015, 05:36:27 AM

Title: Ajax Tooltip with scrollbars?
Post by: digo on January 23, 2015, 05:36:27 AM

Hi!

I would like to use tooltips with fixed width and height.
Need to define tooltip to display a scrollbar, so that bigger content can be viewed.
How can this be done?

Thanks!
Ciao
Digo

Title: Re: Ajax Tooltip with scrollbars?
Post by: stworthy on January 23, 2015, 09:04:35 AM

Please refer to the following code:

Code:

$('#dd').tooltip({
	content: $('<div></div>'),
	onUpdate: function(content){
		content.panel({
			width: 200,
			height:200,
			border: false,
			href: '_content.html'
		});
	},
	onShow: function(){
		var t = $(this);
		t.tooltip('tip').unbind().bind('mouseenter', function(){
			t.tooltip('show');
		}).bind('mouseleave', function(){
			t.tooltip('hide');
		});
	}
});

Title: Re: Ajax Tooltip with scrollbars?
Post by: digo on January 30, 2015, 01:29:17 AM

Hi!

Thanks for your support - works fine!

Ciao
Digo