Vuetify migrate edit form: layout looks relatively good, not same but ok, now need to test functionality and then can get back into it if all ok.

ayanova/src/components/custom-fields-control.vue

@@ -16,7 +16,15 @@
     <div>
       <v-row align-center justify-left row wrap>
         <template v-for="item in this.$store.state.formCustomTemplate[formKey]">
-          <v-col v-if="item.type" :key="item.fld" cols="12" sm6 lg4 xl3 px-2>
+          <v-col
+            v-if="item.type"
+            :key="item.fld"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+            px-2
+          >
             <div v-if="item.type === 'currency'">
               CURRENCY CONTROL HERE
             </div>

ayanova/src/components/tag-picker.vue

@@ -1,32 +1,37 @@
 <template>
-  <v-autocomplete
+  <div>
-    v-bind:value="value"
+    <span class="v-label v-label--active theme--light">
-    v-on:input="$emit('input', $event)"
+      {{ lt("Tags") }}
-    :items="sourcetags"
+    </span>
-    :loading="tagSearchUnderway"
+    <v-autocomplete
-    :search-input.sync="tagSearchEntry"
+      v-bind:value="value"
-    hide-selected
+      v-on:input="$emit('input', $event)"
-    multiple
+      :items="sourcetags"
-    chips
+      :loading="tagSearchUnderway"
-    clearable
+      :search-input.sync="tagSearchEntry"
-    deletable-chips
+      hide-selected
-    cache-items
+      multiple
-  >
+      chips
-    <template slot="no-data" v-if="tagSearchEntry">
+      clearable
-      <v-container>
+      deletable-chips
-        <v-row row>
+      cache-items
-          <v-row justify-center>
+    >
-            <v-chip color="primary" text-color="white" class="display-1">
+      <template slot="no-data" v-if="tagSearchEntry">
-              {{ this.normalizeTag(tagSearchEntry) }}</v-chip
+        <v-container>
-            >
+          <v-row row>
-            <v-btn large icon @click="addTag()">
+            <v-row justify-center>
-              <v-icon large color="success">fa-plus-circle</v-icon>
+              <v-chip color="primary" text-color="white" class="display-1">
-            </v-btn>
+                {{ this.normalizeTag(tagSearchEntry) }}</v-chip
+              >
+              <v-btn large icon @click="addTag()">
+                <v-icon large color="success">fa-plus-circle</v-icon>
+              </v-btn>
+            </v-row>
           </v-row>
-        </v-row>
+        </v-container>
-      </v-container>
+      </template>
-    </template>
+    </v-autocomplete>
-  </v-autocomplete>
+  </div>
 </template>
 <script>
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////
@@ -85,6 +90,9 @@ export default {
   },
 
   methods: {
+    lt: function(ltkey) {
+      return window.$gz.locale.get(ltkey);
+    },
     addTag() {
       var theTag = this.tagSearchEntry;
       theTag = this.normalizeTag(theTag);

ayanova/src/views/inventory-widget-edit.vue

@@ -152,7 +152,6 @@
 
             <v-col cols="12">
               <gz-tag-picker
-                :label="lt('Tags')"
                 v-model="obj.tags"
                 :readonly="this.formState.readOnly"
                 ref="tags"