diff --git a/docs/09_Developing_Controls/creating-a-simple-square-control-9a6100b.md b/docs/09_Developing_Controls/creating-a-simple-square-control-9a6100b.md
index 64e3e7e5..a01ad6d2 100644
--- a/docs/09_Developing_Controls/creating-a-simple-square-control-9a6100b.md
+++ b/docs/09_Developing_Controls/creating-a-simple-square-control-9a6100b.md
@@ -22,8 +22,8 @@ var Square = Control.extend("my.Square", { // call the new Control type "my.Squa
       
 
       // the part creating the HTML:
-      renderer : {
-                                               // instead of "this" in the render function
+      renderer : function(oRm, oControl) { // static function, so use the given "oControl" instance
+                                           // instead of "this" in the render function
               oRm.openStart("div", oControl);  // creates the root element incl. the Control ID and enables event handling - important!
               oRm.style("width", oControl.getSize());  // write the Control property size; the Control has validated it to be a CSS size
               oRm.style("height", oControl.getSize());