function addFloatingPanel() { var fp = new dojox.layout.FloatingPane({ title: "Layers", resizeable: true, dockable: false, closable: true, style: "position:absolute; top:0; left:50px; width:245px; height: 175px; z-index: 100; visibility: hidden;", id: 'floater' }, dojo.byId('floater')); fp.startup(); if (dojo.byId('floater').style.visibility === 'hidden') { dijit.byId('floater').show(); } else { dojo.byId('floater').style.visibility = 'hidden' dijit.byId('floater').show(); } }
var ConstrainedFloatingPane = declare(FloatingPane, { postCreate: function () { this.inherited(arguments); this.moveable = new Move.parentConstrainedMoveable( this.domNode, { handle: this.focusNode, area: "content", within: true }); this.close = function () { this.domNode.style.display = "none"; this.domNode.style.visibility = "hidden"; }; } }); var layercontainerbase = domconstruct.create("div"); layercontainerbase.appendChild(<some content>); var layercontainer = new ConstrainedFloatingPane({ title: "Layers/Legend", resizable: true, dockable: false, //constrainToContainer: true, style: "position:absolute;top:10px;right:40px;width:260px;height:400px;z-index:99;" }, layercontainerbase);
Love this example! Thanks so much Ben!
Now that I have unzipped and loaded this example, it isn't doing anything except load the main page. The tools do nothing. I'm not getting any errors.