UI panel that is movable and resizable within the bounds of its parent container.

// Example of a simple DockingPanel that displays the given content.
  // The titlebar and move behavior are overridden in initialize(), which also
  // creates a custom close button.
  //
  SimplePanel = function(parentContainer, id, title, content, x, y)
  {
      this.content = content;
      Autodesk.Viewing.UI.DockingPanel.call(this, parentContainer, id, '');

      // Auto-fit to the content and don't allow resize.  Position at the coordinates given.
      //
      this.container.style.height = "auto";
      this.container.style.width = "auto";
      this.container.style.resize = "none";
      this.container.style.left = x + "px";
      this.container.style.top = y + "px";
  };

  SimplePanel.prototype = Object.create(Autodesk.Viewing.UI.DockingPanel.prototype);
  SimplePanel.prototype.constructor = SimplePanel;

  SimplePanel.prototype.initialize = function()
  {
      // Override DockingPanel initialize() to:
      // - create a standard title bar
      // - click anywhere on the panel to move
      // - create a close element at the bottom right
      //
      this.title = this.createTitleBar(this.titleLabel || this.container.id);
      this.container.appendChild(this.title);

      this.container.appendChild(this.content);
      this.initializeMoveHandlers(this.container);

      this.closer = document.createElement("div");
      this.closer.className = "simplePanelClose";
      this.closer.textContent = "Close";
      this.initializeCloseHandler(this.closer);
      this.container.appendChild(this.closer);
  };

Adds an event listener to a given target that has an addEventListener(event, callback) API. These event listeners are tracked by the DockingPanel and are automatically removed on uninitialize.

Adds a callback to call when this DockingPanel changes visibility.

Creates a close button to add to this DockingPanel. When clicked, this DockingPanel is hidden. Call this method during initialize() if a standard close button is desired, and then add it to an existing container.

Creates a scroll container element to add to this DockingPanel. Call this method during initialize() if a scroll container is needed. The function will create the scroll container and make it available via the “scrollContainer” property of the DockingPanel.

Creates a title bar element to add to this DockingPanel. Call this method during initialize() if a standard title bar is desired, and then add it to an existing container.

Returns the parent’s container bounding rectangle.

Override this method to return the width and height to use when resizing the panel to the content.

Creates the sub-elements of this DockingPanel. Override this in derived classes. The default implementation is to create a title bar with the title or id provided in the constructor. The title bar also acts as the move handler for the DockingPanel. Finally, a close button is added to the top right corner.

Initializes the given HTMLDomElement as the close handle for this DockingPanel. When this element is clicked, this DockingPanel is hidden.

Initializes the given HTMLDomElement as the move handle for this DockingPanel. When this element is clicked and dragged, this DockingPanel is moved.

Gets the new visibility state of this DockingPanel.

Override this event to be notified when this panel ends a move operation.

Override this to be notified when this panel is moved. Note, do not forget to call this base class method in the overriding method.

Override this event to be notified when this panel begins a move operation.

Override this method to be notified when the user clicks on the title.

Override this method to be notified when the user double-clicks on the title.

Removes an existing event listener added using DockingPanel.addEventListener.

Resizes the panel to the current content. Currently this only works on height.

Sets the title for this panel.

Sets the new visibility state of this DockingPanel.

Performs any clean up necessary. This can include disconnecting UI elements, unregistering event callbacks, etc.

Notification that visibility has been changed by external sources.