diff --git a/ganttzk/src/main/java/org/zkoss/ganttz/TaskComponent.java b/ganttzk/src/main/java/org/zkoss/ganttz/TaskComponent.java
index 32ed575e1..71a98ba84 100644
--- a/ganttzk/src/main/java/org/zkoss/ganttz/TaskComponent.java
+++ b/ganttzk/src/main/java/org/zkoss/ganttz/TaskComponent.java
@@ -350,6 +350,12 @@ public class TaskComponent extends Div implements AfterCompose {
             setWidgetAttribute("background-color", getColor());
 
         setWidgetAttribute("position", "absolute");
+        setWidgetAttribute("movingTasksEnabled",((Boolean)isMovingTasksEnabled()).toString());
+        setWidgetAttribute("resizingTasksEnabled", ((Boolean)isResizingTasksEnabled()).toString());
+
+        render(renderer, "_labelsText", getLabelsText());
+        render(renderer, "_resourcesText", getResourcesText());
+        render(renderer, "_tooltipText", getTooltipText());
 
         super.renderProperties(renderer);
     }
diff --git a/ganttzk/src/main/resources/web/js/ganttz/TaskComponent.js b/ganttzk/src/main/resources/web/js/ganttz/TaskComponent.js
index bde101aea..04f2132b9 100644
--- a/ganttzk/src/main/resources/web/js/ganttz/TaskComponent.js
+++ b/ganttzk/src/main/resources/web/js/ganttz/TaskComponent.js
@@ -1,3 +1,9 @@
 zk.$package("ganttz");
 
-ganttz.TaskComponent = zk.$extends(zk.Widget, {});
\ No newline at end of file
+ganttz.TaskComponent = zk.$extends(zk.Widget, {
+	$define :{
+		resourcesText	: null,
+		labelsText	: null,
+		tooltipText : null
+	}
+});
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/mold/task-component.js b/ganttzk/src/main/resources/web/js/ganttz/mold/task-component.js
index 99befbb5a..8dc5fb10c 100644
--- a/ganttzk/src/main/resources/web/js/ganttz/mold/task-component.js
+++ b/ganttzk/src/main/resources/web/js/ganttz/mold/task-component.js
@@ -1 +1,23 @@
-function(out){}
\ No newline at end of file
+function(out){
+    /*TODO: Add following EventListeners:
+     *  onMouseover="zkTasklist.showTooltip('tasktooltip${self.uuid}');"
+     *  onMouseOut="zkTasklist.hideTooltip('tasktooltip${self.uuid}');">
+     * */
+    out.push('<div ',this.domAttrs_(),
+            ' z.type="ganttz.task.Task" idTask="', this.uuid,'"',
+            ' class="box" >');
+
+        out.push('<div class="task-labels">', this.getLabelsText(),'</div>');
+        out.push('<div class="task-resources">');
+        out.push('<div class="task-resources-inner">', this.getResourcesText(),'</div>');
+        out.push('</div>');
+
+        out.push('<div class="completion"></div>');
+        out.push('<div class="completion2"></div>');
+
+        out.push('<div id="tasktooltip', this.uuid,'" class="task_tooltip">',
+                this.getTooltipText(),
+                '</div>');
+
+    out.push('</div>');
+}
\ No newline at end of file