diff --git a/gulliver/system/class.xmlform.php b/gulliver/system/class.xmlform.php
index 6e140833d..3539c79ad 100755
--- a/gulliver/system/class.xmlform.php
+++ b/gulliver/system/class.xmlform.php
@@ -5499,6 +5499,32 @@ class xmlformTemplate extends Smarty
      */
     public function printJSFile (&$form)
     {
+        //JS designer>preview
+        if (isset($_SERVER["HTTP_REFERER"]) && !empty($_SERVER["HTTP_REFERER"]) && preg_match("/^.*dynaforms_Editor\?.*PRO_UID=.*DYN_UID=.*$/", $_SERVER["HTTP_REFERER"]) && preg_match("/^.*dynaforms\/dynaforms_Ajax.*$/", $_SERVER["REQUEST_URI"])) {
+            $js = null;
+
+            foreach ($form->fields as $index => $value) {
+                $field = $value;
+
+                if ($field->type == "javascript" && !empty($field->code)) {
+                    $js = $js . " " . $field->code;
+                }
+            }
+
+            if ($js != null) {
+                $form->jsDesignerPreview = "
+                //JS designer>preview
+                $js
+
+                loadForm_" . $form->id . "(\"../gulliver/defaultAjaxDynaform\");
+
+                if (typeof(dynaformOnload) != \"undefined\") {
+                    dynaformOnload();
+                }
+                ";
+            }
+        }
+
         $this->assign( 'form', $form );
         $this->assign( 'printTemplate', false );
         $this->assign( 'printJSFile', true );
diff --git a/workflow/engine/templates/xmlform.html b/workflow/engine/templates/xmlform.html
index 3a78672f2..e52702280 100755
--- a/workflow/engine/templates/xmlform.html
+++ b/workflow/engine/templates/xmlform.html
@@ -114,6 +114,7 @@
             sub.sendObj = false;
           {/literal}
         {/if}
+
         {foreach from=$form->fields item=field key=name}
           i = myForm.aElements.length;
 
@@ -174,8 +175,14 @@
           {/if}
         {/if}
       {/foreach}
-      {literal}}{/literal}
-    {/if}
-    {if $printJavaScript}
-      leimnud.event.add(window,'load',function(){literal}{{/literal}loadForm_{$form->id}('{$form->ajaxServer}');if (typeof(dynaformOnload) !== 'undefined') {literal}{dynaformOnload();}}{/literal});
+    {literal}}{/literal}
+
+    {if (isset($form->jsDesignerPreview))}
+        {$form->jsDesignerPreview}
     {/if}
+{/if}
+
+{if $printJavaScript}
+    leimnud.event.add(window,'load',function(){literal}{{/literal}loadForm_{$form->id}('{$form->ajaxServer}');if (typeof(dynaformOnload) != 'undefined') {literal}{dynaformOnload();}}{/literal});
+{/if}
+
diff --git a/workflow/engine/xmlform/dynaforms/fields/_options.xml b/workflow/engine/xmlform/dynaforms/fields/_options.xml
index a530fa866..d722eccc1 100755
--- a/workflow/engine/xmlform/dynaforms/fields/_options.xml
+++ b/workflow/engine/xmlform/dynaforms/fields/_options.xml
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <dynaForm name="_options" type="grid" width="100%" editRow="0" insertRow="0">
-<NAME type="text" validate="Field" size="25">
+<NAME type="text" validate="Field" size="19">
     <en>Value</en>
 </NAME>
-<LABEL type="text" size="25">
+<LABEL type="text" size="19">
     <en>Label</en>
 </LABEL>
 <OPTGROUP type="checkbox" value="1" falsevalue="0" defaultvalue="0">
diff --git a/workflow/engine/xmlform/dynaforms/fields/dropdown.xml b/workflow/engine/xmlform/dynaforms/fields/dropdown.xml
index df427c507..b1f32a445 100755
--- a/workflow/engine/xmlform/dynaforms/fields/dropdown.xml
+++ b/workflow/engine/xmlform/dynaforms/fields/dropdown.xml
@@ -123,7 +123,7 @@ function gridOptionOptGroupColumn(show, swDelete)
                 lblOptGroup = tableGrid.rows[i].cells[j].innerHTML;
             }
 
-            tableGrid.rows[i].cells[j].style.width = "20%";
+            tableGrid.rows[i].cells[j].style.width = "25%";
             tableGrid.rows[i].cells[j].innerHTML = (show == 1)? lblOptGroup : "";
         }
     }