O'Reilly logo

Liferay User Interface Development by Frank Yu, Xinsheng Chen, Jonas X. Yuan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Overlay and overlay manager

An Overlay instance is a widget. It is a rectangular box with text. You can use its XY attribute to position it on a page. It has z-index support so that you can drag and drop one Overlay instance over the other.

An Overlay instance can be used to present additional information about an existing page element.

An Overlay Manager instance is used to group the overlay nodes. It controls the visibility of all overlay nodes that it has registered.

<div id="overlay-blue"></div> // ignore details AUI().ready('aui-overlay-manager', 'dd', 'node', function(A) { var overlay1 = new A.Overlay({ bodyContent: 'Overlay1', width: 150, height: 150, xy: [ 200, 100 ] }).render('#overlay-blue'); // ignore details var groupOverlayManager ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required