diff --git a/webapp/sources/rudder/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala b/webapp/sources/rudder/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala
index f800a11c87f..bde3670cf70 100644
--- a/webapp/sources/rudder/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala
+++ b/webapp/sources/rudder/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala
@@ -224,7 +224,11 @@ object DisplayDirectiveTree extends Loggable {
         val xml = activeTechnique.newestAvailableTechnique match {
           case Some(technique) =>
             val btnCreateDirective = createDirective match {
-              case Some(newDirective) => <span class="btn btn-success btn-xs create" style="opacity: 0;" onclick={"event.preventDefault();event.stopPropagation();"++newDirective(technique, activeTechnique)} title="Create Directive with latest version"><i class="fa fa-plus"></i></span>
+              case Some(newDirective) =>
+                import net.liftweb.http.js.JsExp._
+                <span class="btn btn-success btn-xs create" style="opacity: 0;" onclick={
+                  s"""event.preventDefault();event.stopPropagation();${SHtml.ajaxCall("", _ => newDirective(technique, activeTechnique))}"""
+                } title="Create Directive with latest version"><i class="fa fa-plus"></i></span>
               case None => NodeSeq.Empty
             }
             val tooltipContent =