Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Table Widget

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.5k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.7k

Material Design Widgets: Table Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
95 Beiträge 33 Kommentatoren 17.6k Aufrufe 38 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ScroungerS Scrounger

    Hab das ical2Table skript nochmal überarbeitet:

    • nun werden alle ical instanzen berücksichtigt
    • Sortierung nach Zeit aufsteigend hinzugefügt
    var instances = $(`[id=ical.*.data.table]`);
    instances.on(ical2TableWidget);
    
    function ical2TableWidget() {
        try {
            let calList = [];
    
            for (var inst = 0; inst <= instances.length - 1; inst++) {
                let icalObj = getState(instances[inst]).val;
    
                if (icalObj) {
                    for (var i = 0; i <= icalObj.length - 1; i++) {
                        let item = icalObj[i];
    
                        let calendarName = item._class.split(' ')[0].replace('ical_', '');
    
                        // Objekt für Tabelle erzeugen
                        calList.push({
                            farbe: `<div style="background: ${getMyCalendarColor(calendarName)}; width: 3px; height: 20px"></div>`,
                            zeit: item.date,
                            termin: item.event,
                            kalender: calendarName,
                            timestamp: Date.parse(item._date)
                        })
                    }
                }
            }
    
            // Liste sort by timestamp asc
            calList.sort(function (a, b) {
                return a.timestamp == b.timestamp ? 0 : +(a.timestamp > b.timestamp) || -1;
            });
    
            // Enter the destination data point that is to be used as object ID in the widget
            setState('0_userdata.0.ical', JSON.stringify(calList), true);
    
            function getMyCalendarColor(calendarName) {
                // assign colors via the calendar names, use calendar name as set in ical
                if (calendarName === 'calendar1') {
                    return '#FF0000';
                } else if (calendarName === 'calendar2') {
                    return '#44739e'
                } else if (calendarName === 'calendar3') {
                    return '#32a852'
                }
            }
    
        } catch (e) {
            console.error(`ical2MaterialDesignTableWidget: message: ${e.message}, stack: ${e.stack}`);
        }
    }
    
    ical2TableWidget();
    

    fc84b25f-c6f0-4b0b-b197-eefd74fdaa97-grafik.png

    Widget:

    [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"0_userdata.0.ical","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"3","tableLayout":"standard","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"text","textAlign1":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showColumn2":"true","colType2":"text","textAlign2":"left","showColumn3":"true","colType3":"text","textAlign3":"left","label0":" ","label1":"Zeit","label2":"Termin","label3":"Kalender","columnWidth0":"0","sortKey1":"timestamp"},"style":{"left":"163px","top":"67px","width":"692px","height":"480px"},"widgetSet":"materialdesign"}]
    

    R Offline
    R Offline
    Rosi8818
    schrieb am zuletzt editiert von Rosi8818
    #70

    @scrounger wie bekommst du die Farben in der ersten Spalte angezeigt (fast ganz oben bei dem Beispiel)?
    Ich habe alles angelegt (DP), widget geladen aus diesem Beitrag, Eintrag "jeder kalender hat eigene Farbe", ... Der DP wird auch geschrieben und hat in der ersten "Spalte" im DP und auch die Farbe ausgelesen aber die Anzeige bekomme ich nicht hin
    hier der Anfang des DP
    [{"farbe":"<div style="background: #FF0000; width: 3px; height: 20px"></div>","zeit":"26.01.2021 23:00","termin":"testversuch","kalender":"Ralf","timestamp":1611698400000},{"farbe"...

    ScroungerS D 2 Antworten Letzte Antwort
    0
    • R Rosi8818

      @scrounger wie bekommst du die Farben in der ersten Spalte angezeigt (fast ganz oben bei dem Beispiel)?
      Ich habe alles angelegt (DP), widget geladen aus diesem Beitrag, Eintrag "jeder kalender hat eigene Farbe", ... Der DP wird auch geschrieben und hat in der ersten "Spalte" im DP und auch die Farbe ausgelesen aber die Anzeige bekomme ich nicht hin
      hier der Anfang des DP
      [{"farbe":"<div style="background: #FF0000; width: 3px; height: 20px"></div>","zeit":"26.01.2021 23:00","termin":"testversuch","kalender":"Ralf","timestamp":1611698400000},{"farbe"...

      ScroungerS Offline
      ScroungerS Offline
      Scrounger
      Developer
      schrieb am zuletzt editiert von
      #71

      @rosi8818
      Also der Json String sieht soweit ok aus. Erstell Mal das Widget komplett neue, also kein import. Evtl. Ist das noch ne sehr alte Version.

      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

      O 1 Antwort Letzte Antwort
      0
      • R Rosi8818

        @scrounger wie bekommst du die Farben in der ersten Spalte angezeigt (fast ganz oben bei dem Beispiel)?
        Ich habe alles angelegt (DP), widget geladen aus diesem Beitrag, Eintrag "jeder kalender hat eigene Farbe", ... Der DP wird auch geschrieben und hat in der ersten "Spalte" im DP und auch die Farbe ausgelesen aber die Anzeige bekomme ich nicht hin
        hier der Anfang des DP
        [{"farbe":"<div style="background: #FF0000; width: 3px; height: 20px"></div>","zeit":"26.01.2021 23:00","termin":"testversuch","kalender":"Ralf","timestamp":1611698400000},{"farbe"...

        D Offline
        D Offline
        DevChannel-de
        schrieb am zuletzt editiert von
        #72

        @rosi8818
        Versuche mal bei der ersten Spaltenbreite einen Wert höher 0 einzutragen:

        a28e7264-4f98-4c52-a2c9-7d95574308e6-image.png

        R 1 Antwort Letzte Antwort
        0
        • D DevChannel-de

          @rosi8818
          Versuche mal bei der ersten Spaltenbreite einen Wert höher 0 einzutragen:

          a28e7264-4f98-4c52-a2c9-7d95574308e6-image.png

          R Offline
          R Offline
          Rosi8818
          schrieb am zuletzt editiert von
          #73

          @devchannel-de , @Scrounger danke, beide Tipps haben gefruchtet.
          Eine Frage habe ich noch, so wie ich es gesehen habe, werden die Instanzen eingelesen also ical.0, ical.1, ...
          wie kann ich aber alle Kalender einer Instanz einlesen? Denn ich kann ja in einer Instanz mehrere Kalender angeben.

          D 1 Antwort Letzte Antwort
          0
          • R Rosi8818

            @devchannel-de , @Scrounger danke, beide Tipps haben gefruchtet.
            Eine Frage habe ich noch, so wie ich es gesehen habe, werden die Instanzen eingelesen also ical.0, ical.1, ...
            wie kann ich aber alle Kalender einer Instanz einlesen? Denn ich kann ja in einer Instanz mehrere Kalender angeben.

            D Offline
            D Offline
            DevChannel-de
            schrieb am zuletzt editiert von
            #74

            @rosi8818
            Dafür sorgt der ical Adapter bereits. Wenn Du in das Skript genauer schaust, werden die Daten aus den ical.*.data.table Objekten ausgelesen, also aus ical.0.data.table, ical.1.data.table, usw. In jedem von diesen table-Objekten sind Daten aller Kalender enthalten.

            R 1 Antwort Letzte Antwort
            0
            • D DevChannel-de

              @rosi8818
              Dafür sorgt der ical Adapter bereits. Wenn Du in das Skript genauer schaust, werden die Daten aus den ical.*.data.table Objekten ausgelesen, also aus ical.0.data.table, ical.1.data.table, usw. In jedem von diesen table-Objekten sind Daten aller Kalender enthalten.

              R Offline
              R Offline
              Rosi8818
              schrieb am zuletzt editiert von
              #75

              @devchannel-de danke für die Info, dann muss ich nochmal schauen, denn im ical.1 habe ich drei Kalender drin und nur der erste darin wird gelesen aber ansonsten liest er alle Instanzen ical.0, ical.1

              D 1 Antwort Letzte Antwort
              0
              • R Rosi8818

                @devchannel-de danke für die Info, dann muss ich nochmal schauen, denn im ical.1 habe ich drei Kalender drin und nur der erste darin wird gelesen aber ansonsten liest er alle Instanzen ical.0, ical.1

                D Offline
                D Offline
                DevChannel-de
                schrieb am zuletzt editiert von DevChannel-de
                #76

                @rosi8818
                Eine häufige Stolperfalle ist der "Tagesvorschau"-Wert. Der Default ist nur auf wenige Tage gestellt. Wie du hier siehst, habe ich es z.B. bei mir auf 365 gestellt:
                667b6799-c6e0-4d19-bdc6-f86be003851c-image.png

                Ansonsten immer in den Logs schauen, ob dort etwas steht...

                R 1 Antwort Letzte Antwort
                0
                • D DevChannel-de

                  @rosi8818
                  Eine häufige Stolperfalle ist der "Tagesvorschau"-Wert. Der Default ist nur auf wenige Tage gestellt. Wie du hier siehst, habe ich es z.B. bei mir auf 365 gestellt:
                  667b6799-c6e0-4d19-bdc6-f86be003851c-image.png

                  Ansonsten immer in den Logs schauen, ob dort etwas steht...

                  R Offline
                  R Offline
                  Rosi8818
                  schrieb am zuletzt editiert von
                  #77

                  @devchannel-de das habe ich auch schob probiert, im zweiten Kalender einer Instanz habe ich extra für morgen ein Termin eingestellt aber den Kalender zeigt er überhaupt nicht an... das wird bestimmt wieder eine Kleinigkeit sein (wie immer).
                  Auch interessant, den Filter kann man einstellen und funktioniert aber mit zwei Werten auch nicht bspw. Test;Bio
                  Ich muss noch viel suchen und lernen ;)

                  1 Antwort Letzte Antwort
                  0
                  • ScroungerS Scrounger

                    @rosi8818
                    Also der Json String sieht soweit ok aus. Erstell Mal das Widget komplett neue, also kein import. Evtl. Ist das noch ne sehr alte Version.

                    O Online
                    O Online
                    Oli
                    schrieb am zuletzt editiert von
                    #78

                    @scrounger

                    sorry ich checks mal wieder nicht.

                    ich fülle mir über ein Script eine Tabelle, was muss ich in die Json mit einbauen, damit ich über alle Spalten einen Button_State habe?

                    Hier mal der Codeschnipsel für mein Json:

                    deviceList.push({
                          image: image,                    
                          subText: subText,
                          ist: temp + " °C",
                          soll: stemp + " °C",
                          ventil: ventil + " %", 
                         status: status,
                         etage: etage,                                                                                                                    
                    });
                    

                    Gruß
                    Oliver

                    ScroungerS 1 Antwort Letzte Antwort
                    0
                    • O Oli

                      @scrounger

                      sorry ich checks mal wieder nicht.

                      ich fülle mir über ein Script eine Tabelle, was muss ich in die Json mit einbauen, damit ich über alle Spalten einen Button_State habe?

                      Hier mal der Codeschnipsel für mein Json:

                      deviceList.push({
                            image: image,                    
                            subText: subText,
                            ist: temp + " °C",
                            soll: stemp + " °C",
                            ventil: ventil + " %", 
                           status: status,
                           etage: etage,                                                                                                                    
                      });
                      
                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      schrieb am zuletzt editiert von Scrounger
                      #79

                      @oli
                      Warte bitte auf die v0.5.x, ich hab hier nochmal was geändert. Version gibts als beta wahrscheinlich am Wochenende.

                      Du kannst aber auch die aktuelle github version testen, hier ist beschrieben wie das geht inkl. einem Beispiel:
                      https://github.com/Scrounger/ioBroker.vis-materialdesign#control-elements-using-html-widgets

                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                      GlasfaserG 1 Antwort Letzte Antwort
                      1
                      • ScroungerS Scrounger

                        @oli
                        Warte bitte auf die v0.5.x, ich hab hier nochmal was geändert. Version gibts als beta wahrscheinlich am Wochenende.

                        Du kannst aber auch die aktuelle github version testen, hier ist beschrieben wie das geht inkl. einem Beispiel:
                        https://github.com/Scrounger/ioBroker.vis-materialdesign#control-elements-using-html-widgets

                        GlasfaserG Offline
                        GlasfaserG Offline
                        Glasfaser
                        schrieb am zuletzt editiert von
                        #80

                        @liv-in-sky
                        siehe oben ...
                        das wäre was für dich HTML Control Widgets , zum eventuellen einbauen in deine Script´s !!!!

                        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                        ScroungerS 1 Antwort Letzte Antwort
                        1
                        • GlasfaserG Glasfaser

                          @liv-in-sky
                          siehe oben ...
                          das wäre was für dich HTML Control Widgets , zum eventuellen einbauen in deine Script´s !!!!

                          ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          schrieb am zuletzt editiert von
                          #81

                          @glasfaser sagte in Material Design Widgets: Table Widget:

                          @liv-in-sky
                          siehe oben ...
                          das wäre was für dich HTML Control Widgets , zum eventuellen einbauen in deine Script´s !!!!

                          Genau, gutes Beispiel wo man das sehr gut anwenden könnte.
                          Aber bitte wartet bis ich die v0.5.0-beta hier im Forum zum testen freigebe - wahrscheinlich am WE.

                          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                          1 Antwort Letzte Antwort
                          1
                          • 0 Offline
                            0 Offline
                            0018
                            schrieb am zuletzt editiert von 0018
                            #82

                            Hallo zusammen,

                            wie bekomme ich den Wert eines Datenpunktes z.B. "tankerkoenig.0.stations.0.diesel.short" in das Feld "Daten aus JSON"
                            integriert, damit mir der Wert des DP angezeigt wird? Geht das nur über dem Umweg mit einem Script eine Json zu erstellen?

                            EDIT: Hat sich erledigt, habe es über ein Script realisiert.

                            Mfg
                            0018

                            1 Antwort Letzte Antwort
                            0
                            • ScroungerS Scrounger

                              Hab das ical2Table skript nochmal überarbeitet:

                              • nun werden alle ical instanzen berücksichtigt
                              • Sortierung nach Zeit aufsteigend hinzugefügt
                              var instances = $(`[id=ical.*.data.table]`);
                              instances.on(ical2TableWidget);
                              
                              function ical2TableWidget() {
                                  try {
                                      let calList = [];
                              
                                      for (var inst = 0; inst <= instances.length - 1; inst++) {
                                          let icalObj = getState(instances[inst]).val;
                              
                                          if (icalObj) {
                                              for (var i = 0; i <= icalObj.length - 1; i++) {
                                                  let item = icalObj[i];
                              
                                                  let calendarName = item._class.split(' ')[0].replace('ical_', '');
                              
                                                  // Objekt für Tabelle erzeugen
                                                  calList.push({
                                                      farbe: `<div style="background: ${getMyCalendarColor(calendarName)}; width: 3px; height: 20px"></div>`,
                                                      zeit: item.date,
                                                      termin: item.event,
                                                      kalender: calendarName,
                                                      timestamp: Date.parse(item._date)
                                                  })
                                              }
                                          }
                                      }
                              
                                      // Liste sort by timestamp asc
                                      calList.sort(function (a, b) {
                                          return a.timestamp == b.timestamp ? 0 : +(a.timestamp > b.timestamp) || -1;
                                      });
                              
                                      // Enter the destination data point that is to be used as object ID in the widget
                                      setState('0_userdata.0.ical', JSON.stringify(calList), true);
                              
                                      function getMyCalendarColor(calendarName) {
                                          // assign colors via the calendar names, use calendar name as set in ical
                                          if (calendarName === 'calendar1') {
                                              return '#FF0000';
                                          } else if (calendarName === 'calendar2') {
                                              return '#44739e'
                                          } else if (calendarName === 'calendar3') {
                                              return '#32a852'
                                          }
                                      }
                              
                                  } catch (e) {
                                      console.error(`ical2MaterialDesignTableWidget: message: ${e.message}, stack: ${e.stack}`);
                                  }
                              }
                              
                              ical2TableWidget();
                              

                              fc84b25f-c6f0-4b0b-b197-eefd74fdaa97-grafik.png

                              Widget:

                              [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"0_userdata.0.ical","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"3","tableLayout":"standard","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"text","textAlign1":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showColumn2":"true","colType2":"text","textAlign2":"left","showColumn3":"true","colType3":"text","textAlign3":"left","label0":" ","label1":"Zeit","label2":"Termin","label3":"Kalender","columnWidth0":"0","sortKey1":"timestamp"},"style":{"left":"163px","top":"67px","width":"692px","height":"480px"},"widgetSet":"materialdesign"}]
                              

                              0 Offline
                              0 Offline
                              0018
                              schrieb am zuletzt editiert von
                              #83

                              @scrounger sagte in Material Design Widgets: Table Widget:

                              fc84b25f-c6f0-4b0b-b197-eefd74fdaa97-grafik.png

                              Hi Scrounger,

                              ist es möglich die heutigen Termine in einer anderen Schriftfarbe zu kennzeichnen?

                              Mfg
                              0018

                              ScroungerS 1 Antwort Letzte Antwort
                              0
                              • 0 0018

                                @scrounger sagte in Material Design Widgets: Table Widget:

                                fc84b25f-c6f0-4b0b-b197-eefd74fdaa97-grafik.png

                                Hi Scrounger,

                                ist es möglich die heutigen Termine in einer anderen Schriftfarbe zu kennzeichnen?

                                ScroungerS Offline
                                ScroungerS Offline
                                Scrounger
                                Developer
                                schrieb am zuletzt editiert von
                                #84

                                @0018

                                klar, musst aber das skript anpassen und per html tags dann die farbe verandern

                                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                0 1 Antwort Letzte Antwort
                                0
                                • ScroungerS Scrounger

                                  @0018

                                  klar, musst aber das skript anpassen und per html tags dann die farbe verandern

                                  0 Offline
                                  0 Offline
                                  0018
                                  schrieb am zuletzt editiert von
                                  #85

                                  @scrounger ich fürchte da wird es bei mir scheitern... kannst du evtl eine Demo erstellen worauf ich aufbauen kann?

                                  Mfg
                                  0018

                                  0 1 Antwort Letzte Antwort
                                  0
                                  • 0 0018

                                    @scrounger ich fürchte da wird es bei mir scheitern... kannst du evtl eine Demo erstellen worauf ich aufbauen kann?

                                    0 Offline
                                    0 Offline
                                    0018
                                    schrieb am zuletzt editiert von
                                    #86

                                    @Scrounger könntest du mir evtl helfen?

                                    Mfg
                                    0018

                                    ScroungerS 1 Antwort Letzte Antwort
                                    0
                                    • 0 0018

                                      @Scrounger könntest du mir evtl helfen?

                                      ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      schrieb am zuletzt editiert von Scrounger
                                      #87

                                      @0018

                                      demo gibts doch oben schon. musst halt noch erweitern um die erkennung ob termin von heute und dann text z.b. in ein <font> tag setzen und entsprechend Farbe zuweisen

                                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                      XsevX 1 Antwort Letzte Antwort
                                      0
                                      • M Offline
                                        M Offline
                                        Mike_0815
                                        schrieb am zuletzt editiert von
                                        #88

                                        Hallo Leute,
                                        sorry, wenn ich hier möglicherweise eine 'überflüssige' Frage stelle. Möglicherweise auch an der falschen Stelle Jedoch finde ich mich nicht zurecht.

                                        Ich habe folgende Adapter installiert: Material Design, Material Design Widgets und Material Advanced.
                                        Da ich nicht alle Widgets gefunden habe, nehme ich welche aus beiden Lagern.
                                        Nun passen die nicht wirklich gut optisch zusammen.

                                        Ich habe einfach mal versucht die Instanz von Material Design zu löschen - hat nix gebracht. Nur meine Widgets waren verschwunden.

                                        Gibt es einen stabilen Migrationspfad???? Was ist mit dem Skript von Uhula?? Ich habe hierzu nur 'Versuche' gefunden aber keine 'Anleitung'. Kann mir bitte irgendjemand hierbei helfen?

                                        Besten Dank
                                        -Mike

                                        1 Antwort Letzte Antwort
                                        0
                                        • svenomattS Offline
                                          svenomattS Offline
                                          svenomatt
                                          schrieb am zuletzt editiert von
                                          #89

                                          Hallo zusammen,

                                          Beschäfigt mich seit kurzem mit Material Degsin Wigdets und versuche mich gerade mit der Umsetzung der verpassten Anrufe in dem Table Widget. (wenn es den geht)

                                          Ausgangsiuation ist die calllists.missed.json die ja alle werte mit sich bringt

                                          Ich habe vorher das Widget /// JSON Table Basics genutzt und konnte dort über "Attribut in Json" die Spalten befüllen. (siehe Bild)

                                          Kann mir jemand sagen ob dies auch beim Table Widget geht bzw. wie ich es dort umsetze das nur der Name die Nummer und das Datum angezeigt wird.

                                          Konnte im editor nicht finden wo ich den Wert (Attribut) eintrage

                                          Bild

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          853

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe