code: function () {
          var self = this, layout = self._layout, id = self._id, prefix = self.classPrefix;
          var settings = self.settings, headerHtml = '', footerHtml = '', html = settings.html;
  
          self.preRender();
          layout.preRender(self);
  
          if (settings.title) {
            headerHtml = (
              '<div id="' + id + '-head" class="' + prefix + 'window-head">' +
              '<div id="' + id + '-title" class="' + prefix + 'title">' + self.encode(settings.title) + '</div>' +
              '<div id="' + id + '-dragh" class="' + prefix + 'dragh"></div>' +
              '<button type="button" class="' + prefix + 'close" aria-hidden="true">' +
              '<i class="mce-ico mce-i-remove"></i>' +
              '</button>' +
              '</div>'
            );
          }
  
          if (settings.url) {
            html = '<iframe src="' + settings.url + '" tabindex="-1"></iframe>';
          }
  
          if (typeof html == "undefined") {
            html = layout.renderHtml(self);
          }
  
          if (self.statusbar) {
            footerHtml = self.statusbar.renderHtml();
          }
  
          return (
            '<div id="' + id + '" class="' + self.classes + '" hidefocus="1">' +
            '<div class="' + self.classPrefix + 'reset" role="application">' +
            headerHtml +
            '<div id="' + id + '-body" class="' + self.bodyClasses + '">' +
            html +
            '</div>' +
            footerHtml +
            '</div>' +
            '</div>'
          );
        }
docs: Renders the control as a HTML string.
  
  @method renderHtml
  @return {String} HTML representing the control.