Here's the basics.require([
//layout x
'dojox/layout/FloatingPane',
'dojox/layout/Dock',
//dojo
'dojo/dom-construct',
'dojo/_base/window',
], function (
//layout x
FloatingPane, Dock,
//dojo
domConstruct, win
) {
var dock = new Dock({
style: 'position:absolute;bottom:0;right:0;height:0px;width:0px display:none;z-index:0;'
}, domConstruct.create('div', null, win.body()));
//measure floating pane
var measurefp = new FloatingPane({
id: 'measure-floating-pane',
title: 'Measure',
resizable: false,
resizeAxis: null,
closable: false,
dockable: true,
dockTo: dock,
style: 'position:absolute;top:80px;left:320px;width:220px;height:200px;visibility:hidden;overflow:hidden;',
href: 'html/measure.html',
preventCache: true,
preload: false
}, domConstruct.create('div', null, win.body()));
measurefp.startup();
measurefp.on('focus', function () {
measurefp.bringToTop();
});
measurefp.on('show', function () {
measurefp.bringToTop();
});
});The difference with AMD is you need to require dojox/layout/Dock to use it in the function as a variable. In legacy and AMD the dock is required by the floating pane class. You can still create a new dock with var dock = new dojox.layout.Dock() in AMD, but that kinda defeats the point.
