(simatec) Responsive Design added

iobroker-community-adapters · Nov 13, 2024 · b273695 · b273695
1 parent 7738a08
commit b273695
Show file tree

Hide file tree

Showing 2 changed files with 108 additions and 33 deletions.
diff --git a/README.md b/README.md
@@ -126,6 +126,9 @@ sendTo('enigma2.0', 'send', {
     Placeholder for the next version (at the beginning of the line):
     ### **WORK IN PROGRESS**
 -->
+### **WORK IN PROGRESS**
+* (simatec) Responsive Design added
+
 ### 2.1.1 (2024-06-09)
 * (klein0r) Updated Blockly definitions
 

diff --git a/admin/jsonConfig.json b/admin/jsonConfig.json
@@ -1,5 +1,8 @@
 {
   "type": "tabs",
+  "tabsStyle": {
+    "width": "calc(100% - 100px)"
+  },
   "i18n": true,
   "items": {
     "_main": {
@@ -9,34 +12,42 @@
         "IPAddress": {
           "type": "text",
           "label": "IP Address of device",
-          "sm": 8,
-          "md": 4,
-          "lg": 2
+          "xs": 12,
+          "sm": 12,
+          "md": 6,
+          "lg": 3,
+          "xl": 3
         },
         "Port": {
           "label": "Port",
           "type": "number",
           "min": 1,
           "max": 65535,
-          "sm": 4,
-          "md": 2,
-          "lg": 1
+          "xs": 12,
+          "sm": 12,
+          "md": 6,
+          "lg": 3,
+          "xl": 3
         },
         "Username": {
           "newLine": true,
           "type": "text",
           "label": "Username",
-          "sm": 4,
-          "md": 2,
-          "lg": 1
+          "xs": 12,
+          "sm": 12,
+          "md": 6,
+          "lg": 3,
+          "xl": 3
         },
         "Password": {
           "label": "Password",
           "type": "password",
           "repeat": true,
-          "sm": 8,
-          "md": 4,
-          "lg": 2
+          "xs": 12,
+          "sm": 12,
+          "md": 8,
+          "lg": 6,
+          "xl": 6
         },
         "Webinterface": {
           "newLine": true,
@@ -52,31 +63,71 @@
               "label": "Dream-Webinterface"
             }
           ],
+          "xs": 12,
           "sm": 12,
           "md": 6,
-          "lg": 2
+          "lg": 3,
+          "xl": 3
         },
         "PollingInterval": {
           "newLine": true,
           "type": "select",
           "label": "PollingInterval",
           "options": [
-            {"value": "2000", "label": "2 sec."},
-            {"value": "3000", "label": "3 sec."},
-            {"value": "4000", "label": "4 sec."},
-            {"value": "5000", "label": "5 sec."},
-            {"value": "6000", "label": "6 sec."},
-            {"value": "7000", "label": "7 sec."},
-            {"value": "8000", "label": "8 sec."},
-            {"value": "9000", "label": "9 sec."},
-            {"value": "10000", "label": "10 sec."},
-            {"value": "15000", "label": "15 sec."},
-            {"value": "30000", "label": "30 sec."},
-            {"value": "60000", "label": "1 min."}
+            {
+              "value": "2000",
+              "label": "2 sec."
+            },
+            {
+              "value": "3000",
+              "label": "3 sec."
+            },
+            {
+              "value": "4000",
+              "label": "4 sec."
+            },
+            {
+              "value": "5000",
+              "label": "5 sec."
+            },
+            {
+              "value": "6000",
+              "label": "6 sec."
+            },
+            {
+              "value": "7000",
+              "label": "7 sec."
+            },
+            {
+              "value": "8000",
+              "label": "8 sec."
+            },
+            {
+              "value": "9000",
+              "label": "9 sec."
+            },
+            {
+              "value": "10000",
+              "label": "10 sec."
+            },
+            {
+              "value": "15000",
+              "label": "15 sec."
+            },
+            {
+              "value": "30000",
+              "label": "30 sec."
+            },
+            {
+              "value": "60000",
+              "label": "1 min."
+            }
           ],
+          "xs": 12,
           "sm": 12,
           "md": 6,
-          "lg": 2
+          "lg": 3,
+          "xl": 3
         }
       }
     },
@@ -95,28 +146,44 @@
         "_desc2": {
           "newLine": true,
           "type": "header",
-            "text": "movielist-desc",
-            "size": 4,
-            "sm": 12
+          "text": "movielist-desc",
+          "size": 4,
+          "xs": 12,
+          "sm": 12,
+          "md": 12,
+          "lg": 12,
+          "xl": 12
         },
         "movieliste": {
           "newLine": true,
           "label": "Movie list",
           "type": "checkbox",
-          "sm": 12
+          "xs": 12,
+          "sm": 12,
+          "md": 6,
+          "lg": 3,
+          "xl": 3
         },
         "_desc3": {
           "newLine": true,
           "type": "header",
           "text": "timerlist-desc",
           "size": 4,
-          "sm": 12
+          "xs": 12,
+          "sm": 12,
+          "md": 12,
+          "lg": 12,
+          "xl": 12
         },
         "timerliste": {
           "newLine": true,
           "label": "Timer list",
           "type": "checkbox",
-          "sm": 12
+          "xs": 12,
+          "sm": 12,
+          "md": 6,
+          "lg": 3,
+          "xl": 3
         }
       }
     },
@@ -126,7 +193,12 @@
       "items": {
         "Alexa": {
           "type": "checkbox",
-          "label": "Alexa"
+          "label": "Alexa",
+          "xs": 12,
+          "sm": 12,
+          "md": 6,
+          "lg": 3,
+          "xl": 3
         }
       }
     }