Ticket #3784 - Studio Navigation: Menu icon preview doesn't work.

studio/classes/BxDolStudioNavigationQuery.php

@@ -339,10 +339,8 @@ class BxDolStudioNavigationQuery extends BxDolDb
 
     function updateItem($iId, $aFields)
     {
-        $sSql = "UPDATE `sys_menu_items` SET `" . implode("`=?, `", array_keys($aFields)) . "`=?  WHERE `id`=?";
-        $sSql = call_user_func_array(array($this, 'prepare'), array_merge(array($sSql), array_values($aFields), array($iId)));
-        echo $sSql;
-        return $this->query($sSql);
+        $sSql = "UPDATE `sys_menu_items` SET " . $this->arrayToSQL($aFields) . " WHERE `id`=:id";
+        return $this->query($sSql, ['id' => $iId]);
     }
 
     function getItemOrderMax($sSetName)

studio/template/form_view_iu_preview.html

@@ -1,5 +1,5 @@
 <bx_if:show_empty>
-    <div class="bx-form-input-preview-empty bx-def-font-small bx-def-color-ft-gray-l3">
+    <div class="bx-form-input-preview-empty bx-def-font-small bx-def-font-grayed">
         <bx_text:_adm_txt_form_view_iu_preview_empty />
     </div>
 </bx_if:show_empty>

studio/template/item_icon_preview.html

@@ -0,0 +1,16 @@
+<div id="bx-nav-item-icon-preview-__id__" class="bx-item-icon-preview">
+    <bx_if:show_icon_empty>
+        <span class="bx-def-font-small bx-def-font-grayed">
+            <bx_text:_adm_nav_dsc_items_icon_image_current />
+        </span>
+    </bx_if:show_icon_empty>
+    <bx_if:show_icon_image>
+        <img src="__url__" />
+        <p class="pt-2">
+            <button type="button" class="bx-btn bx-btn-small" bx_grid_action_single="delete_icon" bx_grid_action_data="__id__">
+                <bx_text:_adm_nav_btn_current_icon_image_delete />
+            </button>
+        </p>
+    </bx_if:show_icon_image>
+    <bx_if:show_icon_html>__icon__</bx_if:show_icon_html>
+</div>

template/css/forms.css

@@ -288,11 +288,12 @@
 	float: none;
 }
 .bx-form-input-file {
-	position: fixed;
-	top: -1000px;
+    position: fixed;
+    top: -1000px;
 
     border: none;
     background-color: transparent;
+    visibility: hidden;
 }
 
 .bx-form-input-wrapper-slider,