do not show empty icon category if jquery style selected for jquery b…

…utton widgets - closes #325
ioBroker · Jan 31, 2024 · 4e6b60e · 4e6b60e
1 parent 9250482
commit 4e6b60e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -261,6 +261,9 @@ E.g., if it was used in a menu and the menu is red, the circle would be red.
     ### **WORK IN PROGRESS**
 -->
 ## Changelog
+### **WORK IN PROGRESS**
+* (foxriver76) do not show empty icon category if jquery style selected for jquery button widgets
+
 ### 2.9.25 (2024-01-29)
 * (foxriver76) fixed resizing issue for relative widgets
 * (foxriver76) do not crash when using visibility "only for groups"

diff --git a/src/src/Vis/Widgets/JQui/JQuiButton.jsx b/src/src/Vis/Widgets/JQui/JQuiButton.jsx
@@ -179,32 +179,32 @@ class JQuiButton extends VisRxWidget {
                 },
                 {
                     name: 'icon',
-                    hidden: data => !!data.externalDialog,
+                    hidden: data => !!data.externalDialog || data.jquery_style,
                     fields: [
                         {
                             name: 'src',
                             label: 'jqui_image',
                             type: 'image',
-                            hidden: data => data.icon || data.jquery_style,
+                            hidden: data => data.icon,
                         },
                         {
                             name: 'icon',
                             label: 'jqui_icon',
                             type: 'icon64',
-                            hidden: data => data.src || data.jquery_style,
+                            hidden: data => data.src,
                         },
                         {
                             name: 'invert_icon',
                             type: 'checkbox',
-                            hidden: data => (!data.icon || !data.image) && data.jquery_style,
+                            hidden: data => (!data.icon && !data.src),
                         },
                         {
                             name: 'imageHeight',
                             type: 'slider',
                             min: 0,
                             max: 200,
                             default: 100,
-                            hidden: data => !data.src || data.jquery_style,
+                            hidden: data => !data.src,
                         },
                     ],
                 },