UI: do not display label for form. display title instead

gadget_json_generated_form_child.js

@@ -538,6 +538,7 @@
       div,
       delete_button,
       label,
+      label_text,
       div_input,
       span_info,
       error_message,
@@ -606,15 +607,23 @@
       label.value = key;
       gadget.props.property_name_edit = label;
     } else {
-      label = document.createElement("label");
-      label.textContent = [key, json_field.title]
-        .filter(function (v) { return v; })
-        .join(" ")
-        // use non-breaking hyphen
-        .replace("-", "‑");
-    }
-    if (label.textContent) {
-      div.appendChild(label);
+      label_text = [key, json_field.title]
+          .filter(function (v) { return v; })
+          .join(" ")
+          // use non-breaking hyphen
+          .replace(/-/g, "‑");
+      if (label_text) {
+        if (options.top) {
+          label = document.createElement("span");
+          label.textContent = label_text;
+          root.appendChild(label);
+        } else {
+          label = document.createElement("label");
+          label.textContent = label_text;
+          div.appendChild(label);
+        }
+
+      }
     }
     div_input = document.createElement("div");
     div_input.setAttribute("id", gadget.element.getAttribute("data-gadget-scope") + first_path + '/');