code: @Override
  	public void doRender(final WComponent component, final WebXmlRenderContext renderContext) {
  		WSection section = (WSection) component;
  		XmlStringBuilder xml = renderContext.getWriter();
  
  		boolean renderChildren = isRenderContent(section);
  
  		xml.appendTagOpen("ui:section");
  		xml.appendAttribute("id", component.getId());
  		xml.appendOptionalAttribute("class", component.getHtmlClass());
  		xml.appendOptionalAttribute("track", component.isTracking(), "true");
  		if (SectionMode.LAZY.equals(section.getMode())) {
  			xml.appendOptionalAttribute("hidden", !renderChildren, "true");
  		} else {
  			xml.appendOptionalAttribute("hidden", component.isHidden(), "true");
  		}
  
  		SectionMode mode = section.getMode();
  		if (mode != null) {
  			switch (mode) {
  				case LAZY:
  					xml.appendAttribute("mode", "lazy");
  					break;
  				case EAGER:
  					xml.appendAttribute("mode", "eager");
  					break;
  				default:
  					throw new SystemException("Unknown section mode: " + section.getMode());
  			}
  		}
  
  		xml.appendClose();
  
  		// Render margin
  		MarginRendererUtil.renderMargin(section, renderContext);
  
  		if (renderChildren) {
  			// Label
  			section.getDecoratedLabel().paint(renderContext);
  			// Content
  			section.getContent().paint(renderContext);
  		}
  
  		xml.appendEndTag("ui:section");
  	}
docs: Paints the given WSection.
  
  @param component the WSection to paint.
  @param renderContext the RenderContext to paint to.