Desktop Widget in Easyui Desktop

[Alfred]

How can I add a widget panel on Easyui Desktop. The content of the widget would be from remote data. Please see my expected output. I want something like this one:

Please check the link.

Please help.

Thanks and regards
Alfred

[stworthy]

After create the desktop, create a panel and append it to the desktop.

Code:

$('body').desktop(...);
var p = $('<div></div>').appendTo('body');
p.panel({
	width: 400,
	height: 200,
	style: {
		position: 'absolute',
		right: 0
	},
	href: '_about.html'
})

[Alfred]

Thanks this works. How do I center the panel on the desktop?

Thanks and regards,
Alfred

[stworthy]

Please set the styles as:

Code:

p.panel({
	width: 400,
	height: 200,
	style: {
		position: 'relative',
		top: '50%',
		margin: '-100px auto 0 auto'
	},
	href: '_about.html'
})