code: function (container, template, id_base, hide) {
          var containerClass = this.get('containerClass'),
              markers, i, len;
  
          if (!container) {
              return;
          }
  
          // Hide the container while its contents are rendered
          Dom.setStyle(container,'display','none');
  
          Dom.addClass(container, containerClass);
  
          // Place the template innerHTML, adding marker spans to the template
          // html to indicate drop zones for ui components
          container.innerHTML = template.replace(/\{([a-z0-9_ \-]+)\}/gi,
              '<span class="yui-pg-ui yui-pg-ui-$1"></span>');
  
          // Replace each marker with the ui component's render() output
          markers = Dom.getElementsByClassName('yui-pg-ui','span',container);
  
          for (i = 0, len = markers.length; i < len; ++i) {
              this.renderUIComponent(markers[i], id_base);
          }
  
          if (!hide) {
              // Show the container allowing page reflow
              Dom.setStyle(container,'display','');
          }
      }
docs: Creates the individual ui components and renders them into a container.
  
  @method _renderTemplate
  @param container {HTMLElement} where to add the ui components
  @param template {String} the template to use as a guide for rendering
  @param id_base {String} id base for the container's ui components
  @param hide {Boolean} leave the container hidden after assembly
  @protected