Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

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

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

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

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.3k Aufrufe 79 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.
  • P PatrickFro

    @Scrounger Sehe ich richtig, dass ich dafür den bisherigen Adapter löschen muss, oder? Ohne löschen wurde mir schon angegeben, dass eine weitere Version nicht installiert werden kann.

    Lösche ich den Adapter und installiere ihn neu verliere ich nichts der bisherigen Arbeit, oder?

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

    @PatrickFro
    Eigentlich musst da nix löschen, wird einfach aktualisiert.
    Evtl. musst du in den settings des admin als repository 'latest' auswählen.

    <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
    0
    • ScroungerS Scrounger

      @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

      @Scrounger
      ist eigentlich von deiner Seite geplant das List Widget auch dynamisch zu erstellen?

      Aktuell nicht, aber da ich grad die Widgets nach und nach auf die vuetify api umstelle könnte man das gleich von anfang an berücksichtigen. Erstll nen Issue auf github dazu!

      @Oli sagte in Test Adapter Material Design Widgets v0.2.x:

      @Scrounger

      ich habe leider immer noch das Problem, dass ich auf der Navigationsseite keine Popup Fenster öffnen oder Button betätigen kann.

      Das ist mit sicherheit ein z-index problem. Lösch mal alle z-indizies und geh nach und nach durch.
      Sorry hab einfach keine Zeit jedes Projekt mir anzuschauen.

      @BobBruni sagte in Test Adapter Material Design Widgets v0.2.x:

      Ich möchte gerne meinen Grundriss als Responsive-Card mit Masonry View erstellen.
      Leider werden die restlichen Widgets (Lampen) zum Grundriss nicht richtig skaliert / verschoben...

      Lampen Widgets müssen dann relative werte für left, top, with, etc. haben, dann gehts.

      @tazdevil20 sagte in Test Adapter Material Design Widgets v0.2.x:

      @Scrounger
      Ich hätte da mal wieder eine Idee die evtl. Umgesetzt werden könnte.
      Im History Chart würde ich gerne nur den letzten Wert angezeigt bekommen. Diese Option gibt es natürlich nicht, aber ist es möglich diese Option zu implementieren?

      Äh der Wert steht in dem deinem Datenpunkt. Kannst aber auch einfach anzahl der werte auf 1 setzen. Allerdings frag ich mich hier für welchen usecase das gedacht sein sollte?

      Ist geplant auch eine History Table zu implementieren?
      Nein, weil das kann man bereits per skript realisieren.

      @Negalein sagte in Test Adapter Material Design Widgets v0.2.x:

      Ich check gerade das aktuelle "Select Widget" nicht.
      Ich finde nichts (hier schon mehrmals quergelesen, aber sicher überlesen) nichts, damit ich das Design dem Alten anpassen könnte.

      Hintergund Farbe Menu Item anpassen.
      07550469-aa16-43b9-86e4-1bbe33514b11-grafik.png

      @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

      @Scrounger
      Hallo,
      wie bekomme ich den Scrollbalken weg? (Vis-materialdesign-Select)

      Evtl. ist des zu weit unten am rand des screens? Versuch mal die Option nach oben öffnen.
      83cffc7f-e8eb-4a37-9497-00e993fa5305-grafik.png

      Wenns nicht klappt, mach am besten mal export inkl. der enthaltenen Daten - ich kann es nicht reproduzieren

      T Offline
      T Offline
      tazdevil20
      schrieb am zuletzt editiert von
      #642

      @Scrounger
      Meine Idee dabei ist, dass ich ein Line Chart für viele Temperaturen habe und mich aber auch die letzte Temperatur interessiert. Dabei möchte ich nicht erraten wie hoch die Temperatur ist, da die Achse zwischen -5 und + 25 °C ist.
      Habe das jetzt aber anders gelöst (was mir bisher auch gut gefällt). Habe einfach unterhalb der Legende zu jedem Raum die Temperatur geschrieben. Habe noch ein paar Formatierungsprobleme, die bekomme ich aber noch in den Griff.

      1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

        Calendar Widget ist fertig:

        calendar.gif

        Alle infos dazu findet ihr in der Doku:
        https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar

        inkl. einem Skript wie ihr das ical Object in ein json string umwandelt, damit es mit dem Widget funktioniert. Online Beispiel mach ich die Tage dann mal.

        wer es testen möchte, aktuellen master ziehen -> v0.2.50

        A Offline
        A Offline
        Adnim
        schrieb am zuletzt editiert von
        #643

        @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

        Calendar Widget ist fertig:

        Alle infos dazu findet ihr in der Doku:
        https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar
        inkl. einem Skript wie ihr das ical Object in ein json string umwandelt, damit es mit dem Widget funktioniert. Online Beispiel mach ich die Tage dann mal.
        wer es testen möchte, aktuellen master ziehen -> v0.2.50

        Geile Sache Danke!

        Habe aber noch ein Thema mit Ganztägigen Termin die werden bei mir in 2 Tagen von 12 bis 12 angezeigt, das ist etwas verwirrend.

        Kann man da noch was machen?

        ScroungerS sigi234S 2 Antworten Letzte Antwort
        0
        • A Adnim

          @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

          Calendar Widget ist fertig:

          Alle infos dazu findet ihr in der Doku:
          https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar
          inkl. einem Skript wie ihr das ical Object in ein json string umwandelt, damit es mit dem Widget funktioniert. Online Beispiel mach ich die Tage dann mal.
          wer es testen möchte, aktuellen master ziehen -> v0.2.50

          Geile Sache Danke!

          Habe aber noch ein Thema mit Ganztägigen Termin die werden bei mir in 2 Tagen von 12 bis 12 angezeigt, das ist etwas verwirrend.

          Kann man da noch was machen?

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

          @Adnim
          Verwendest du das ical zu Vallendar Widget Skript aus der Doku?

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

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

          A 1 Antwort Letzte Antwort
          0
          • A Adnim

            @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

            Calendar Widget ist fertig:

            Alle infos dazu findet ihr in der Doku:
            https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar
            inkl. einem Skript wie ihr das ical Object in ein json string umwandelt, damit es mit dem Widget funktioniert. Online Beispiel mach ich die Tage dann mal.
            wer es testen möchte, aktuellen master ziehen -> v0.2.50

            Geile Sache Danke!

            Habe aber noch ein Thema mit Ganztägigen Termin die werden bei mir in 2 Tagen von 12 bis 12 angezeigt, das ist etwas verwirrend.

            Kann man da noch was machen?

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            schrieb am zuletzt editiert von sigi234
            #645

            @Adnim

            Hallo, wie hast du es gemacht? Bei mir geht es nicht.
            Geht doch, dauerte nur eine Zeit.

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

              @Adnim
              Verwendest du das ical zu Vallendar Widget Skript aus der Doku?

              A Offline
              A Offline
              Adnim
              schrieb am zuletzt editiert von
              #646

              @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

              @Adnim
              Verwendest du das ical zu Vallendar Widget Skript aus der Doku?

              ja

              Aktualisieren tut es sich erst nach Ical.0 data changed. Neustart ICal und alles ist direkt da.
              Maybee kannst du auch noch einbauen das das skript auch einmalig bei start läuft.

              1 Antwort Letzte Antwort
              0
              • ScroungerS Scrounger

                Calendar Widget ist fertig:

                calendar.gif

                Alle infos dazu findet ihr in der Doku:
                https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar

                inkl. einem Skript wie ihr das ical Object in ein json string umwandelt, damit es mit dem Widget funktioniert. Online Beispiel mach ich die Tage dann mal.

                wer es testen möchte, aktuellen master ziehen -> v0.2.50

                sigi234S Online
                sigi234S Online
                sigi234
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #647

                @Scrounger

                Wie bekomme ich mehrere Kalender rein?

                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                Immer Daten sichern!

                A ScroungerS 2 Antworten Letzte Antwort
                0
                • ScroungerS Scrounger

                  Calendar Widget ist fertig:

                  calendar.gif

                  Alle infos dazu findet ihr in der Doku:
                  https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar

                  inkl. einem Skript wie ihr das ical Object in ein json string umwandelt, damit es mit dem Widget funktioniert. Online Beispiel mach ich die Tage dann mal.

                  wer es testen möchte, aktuellen master ziehen -> v0.2.50

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  schrieb am zuletzt editiert von sigi234
                  #648

                  @Scrounger

                  Hallo, die Rahmenfarbe wird bei mir nur Horizontal gesetzt . Ich habe keine Vertikale. (nur in Monatsansicht)

                  Screenshot (1520).png

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  1 Antwort Letzte Antwort
                  0
                  • sigi234S sigi234

                    @Scrounger

                    Wie bekomme ich mehrere Kalender rein?

                    A Offline
                    A Offline
                    Adnim
                    schrieb am zuletzt editiert von
                    #649

                    @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                    Wie bekomme ich mehrere Kalender rein?

                    Das könnte man doch bei Google lösen. Hier kannst du ja einstellen welche kalender zusammen angezeigt werden sollen

                    1 Antwort Letzte Antwort
                    0
                    • sigi234S sigi234

                      @Scrounger

                      Wie bekomme ich mehrere Kalender rein?

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

                      @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                      @Scrounger

                      Wie bekomme ich mehrere Kalender rein?

                      Das könnt ihr im ical Adapter konfigurieren, wie viele Kalender es gibt. Ich hab es mit zwei getestet die ich aus meiner nextcloud hole, funktioniert einwandfrei.

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

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

                      sigi234S 1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                        @Scrounger

                        Wie bekomme ich mehrere Kalender rein?

                        Das könnt ihr im ical Adapter konfigurieren, wie viele Kalender es gibt. Ich hab es mit zwei getestet die ich aus meiner nextcloud hole, funktioniert einwandfrei.

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #651

                        @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                        @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                        @Scrounger

                        Wie bekomme ich mehrere Kalender rein?

                        Das könnt ihr im ical Adapter konfigurieren, wie viele Kalender es gibt. Ich hab es mit zwei getestet die ich aus meiner nextcloud hole, funktioniert einwandfrei.

                        Ja, aber ich habe aber mehrer Kalender und die entsprechende Ical-Instanzen dazu.

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Immer Daten sichern!

                        ScroungerS 1 Antwort Letzte Antwort
                        0
                        • sigi234S sigi234

                          @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                          @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                          @Scrounger

                          Wie bekomme ich mehrere Kalender rein?

                          Das könnt ihr im ical Adapter konfigurieren, wie viele Kalender es gibt. Ich hab es mit zwei getestet die ich aus meiner nextcloud hole, funktioniert einwandfrei.

                          Ja, aber ich habe aber mehrer Kalender und die entsprechende Ical-Instanzen dazu.

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

                          @sigi234

                          Achso du hast mehrere Instanzen. Ja dann musst des Skript halt entsprechend um diese Instanzen erweitern und am Ende alles in ein Datenpunkt schreiben.

                          <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
                          0
                          • A Offline
                            A Offline
                            Adnim
                            schrieb am zuletzt editiert von Adnim
                            #653

                            Hi!
                            Kann mir wer auf die Sprünge helfen mit dem Skript für den Kalender. Möchte gerne das wenn Daten aus Kalender 1 Start Zeit =End Zeit.

                            Habe mir dazu die Funktion "getmyend" eingerichtet aber irgendwie will das nicht. Kann man das so nicht machen?

                            // momentjs is required as dependecies in javascript adapter
                            const moment = require("moment");
                            
                            on({ id: 'ical.0.data.table', change: 'any' }, function (obj) {
                                try {
                                    let icalObj = obj.state.val;
                                    let calList = [];
                            
                                    if (icalObj) {
                                        for (var i = 0; i <= icalObj.length - 1; i++) {
                                            let item = icalObj[i];
                            
                                            // extract calendar color
                                            let calendarName = item._class.split(' ')[0].replace('ical_', '');
                            
                                            // create object for calendar widget
                                            calList.push({
                                                name: item.event,
                                                color: getMyCalendarColor(calendarName),
                                                colorText: getMyCalendarTextColor(calendarName),
                                                start: moment(item._date).format("YYYY-MM-DD hh:mm"),
                                                end: getMyEnd(calenderName)
                                            })
                             function getMyEnd(calendarName) {
                                          
                                            if (calendarName === 'calendar1') {
                                                return 'moment(item._date).format("YYYY-MM-DD hh:mm")';
                                            } else if (calendarName === 'calendar2') {
                                                return 'moment(item._end).format("YYYY-MM-DD hh:mm")'
                                            }
                                        }
                            
                                    }
                            
                                        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'
                                            }
                                        }
                            
                                        function getMyCalendarTextColor(calendarName) {
                                            // assign colors via the calendar names, use calendar name as set in ical
                                            if (calendarName === 'calendar1') {
                                                return '#FFFFFF';
                                            } else if (calendarName === 'calendar2') {
                                                return '#FFFFFF'
                                            }
                                        }
                            
                                        // Enter the destination data point that is to be used as object ID in the widget
                                        setState('javascript.0.System.ioBroker.fuervis.kalender', JSON.stringify(calList), true);
                                    }
                                } catch (e) {
                                    console.error(`ical2MaterialDesignCalendarWidget: message: ${e.message}, stack: {e.stack}`);
                                }
                            });
                            
                            1 Antwort Letzte Antwort
                            0
                            • S Offline
                              S Offline
                              sveni_lee
                              schrieb am zuletzt editiert von
                              #654

                              Ich habe irgendwie das proplem, das die Start- und Endzeiten durch das script zwar übernommen werden aber irgendwie wird aus 17:45 -> 5:45 gemacht...

                              [{"name":"Training","start":"2020-01-31 05:45","end":"2020-01-31 07:30"}]
                              

                              Ich bekomme auch keinerlei Daten angezeigt... irgendwo muß ich noch einen Denkfehler haben.

                              [{"tpl":"tplVis-materialdesign-Calendar","data":{"oid":"0_userdata.0.materialdesignwidgets.ical3Calendar","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","calendarView":"month","vibrateOnMobilDevices":"50","calendarWeekdays":"1,2,3,4,5,6,0","calendarDayButtonMonthViewGoTo":"week","calendarDayButtonWeekViewGoTo":"day","calendarDayButtonDayViewGoTo":"week","controlShow":"true","controlButtonLayout":"text","controlPosition":"stretch","controlShowLabel":"true","calendarTimeAxisShortIntervals":"true","calendarEventOverlapMode":"column","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,"calendarTimeAxisStartTime":"8","calendarTimeAxisEndTime":"18","calendarTimeAxisIntervalMinutes":"30"},"style":{"left":"145px","top":"481px","width":"932px","height":"222px"},"widgetSet":"materialdesign"}]
                              
                              1 Antwort Letzte Antwort
                              0
                              • ScroungerS Offline
                                ScroungerS Offline
                                Scrounger
                                Developer
                                schrieb am zuletzt editiert von
                                #655

                                Bitte alle Fragen bzgl. Skripte und Einstellung zum Calendar Widget ab sofort hier posten:
                                https://forum.iobroker.net/topic/29600/material-design-widgets-calendar-widget

                                Ich werde jetzt sukzessive für die einzelnen Widgets eigene Threads erstellen, damit der Testing thread nicht mehr so überladen wird und auch die erkenntnisse, fragen, skripte, etc entsprechend dokumentiert werden.

                                <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
                                • P Offline
                                  P Offline
                                  PatrickFro
                                  schrieb am zuletzt editiert von
                                  #656

                                  Ich habe gestern die bisher wunderbar funktionierende Top App Bar (mit integriertem View in Widget 😎 aktualisiert. Ohne über die Navigationsleiste eine Seite auszuwählen funktioniert alles, wähle ich jedoch eine andere Seite über die Navigationsleiste aus, ist keine Eingabe, touch etc möglich.

                                  Hat jemand vielleicht das selbe Problem gehabt?

                                  1 Antwort Letzte Antwort
                                  0
                                  • B Offline
                                    B Offline
                                    BobBruni
                                    schrieb am zuletzt editiert von
                                    #657

                                    @Scrounger said in Test Adapter Material Design Widgets v0.2.x:

                                    @BobBruni sagte in Test Adapter Material Design Widgets v0.2.x:

                                    Ich möchte gerne meinen Grundriss als Responsive-Card mit Masonry View erstellen.
                                    Leider werden die restlichen Widgets (Lampen) zum Grundriss nicht richtig skaliert / verschoben...

                                    Lampen Widgets müssen dann relative werte für left, top, with, etc. haben, dann gehts.

                                    Das habe ich gemacht.

                                    Unbenannt.PNG

                                    M.m.n liegt das Problem dass das Masonry View nur in der Breite und nicht in der Höhe relativ gestaltet werden kann... In der X-Achse werden die Symbole richtig platziert. Es fehlt nur in der Höhe.

                                    Unbenannt2.PNG

                                    Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.
                                    Dann würden Widgets, die einen Zeilenumbruch erlauben auch richtig dargestellt werden.

                                    Was ebenfalls noch genial wäre, wenn man für die Sichbarkeit für einzelne Cards einstellen könnte.
                                    Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

                                    Besten Dank für deine tolle Arbeit!!!

                                    ScroungerS 1 Antwort Letzte Antwort
                                    0
                                    • B BobBruni

                                      @Scrounger said in Test Adapter Material Design Widgets v0.2.x:

                                      @BobBruni sagte in Test Adapter Material Design Widgets v0.2.x:

                                      Ich möchte gerne meinen Grundriss als Responsive-Card mit Masonry View erstellen.
                                      Leider werden die restlichen Widgets (Lampen) zum Grundriss nicht richtig skaliert / verschoben...

                                      Lampen Widgets müssen dann relative werte für left, top, with, etc. haben, dann gehts.

                                      Das habe ich gemacht.

                                      Unbenannt.PNG

                                      M.m.n liegt das Problem dass das Masonry View nur in der Breite und nicht in der Höhe relativ gestaltet werden kann... In der X-Achse werden die Symbole richtig platziert. Es fehlt nur in der Höhe.

                                      Unbenannt2.PNG

                                      Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.
                                      Dann würden Widgets, die einen Zeilenumbruch erlauben auch richtig dargestellt werden.

                                      Was ebenfalls noch genial wäre, wenn man für die Sichbarkeit für einzelne Cards einstellen könnte.
                                      Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

                                      Besten Dank für deine tolle Arbeit!!!

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

                                      @BobBruni
                                      Bitte verschieb deine Frage nach
                                      https://forum.iobroker.net/topic/29621/material-design-widgets-masonry-views-widget, weil wir die Fragen zu Einstellung suzessive aus dem Testing Thread raus halten sollten.

                                      Und poste gleich einen export deiner view inkl. der verwendeten Grafiken. Das geht, du hast da aber paar einstellungsfehler drin.

                                      @BobBruni sagte in Test Adapter Material Design Widgets v0.2.x:

                                      Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.

                                      Das geht aber nicht!
                                      Warum, weil z.B. die Höhe bei Desktop Auflösung 1000px beträgt. Wenn du jetzt 10 Views mit einer relativen Höhe von 10% hast, dann würde jede View eine Höhe von 100px haben.
                                      Aber z.B. auf dem Handy entspricht die 100% Höhe z.B. 500px, d.h. die Views würden alle auf eine Höhe von 50px gestaucht werden und es würde kein scrollbalken angezeigt werden. Deshalb muss man die Höhe fix gestalten.
                                      Sollte jemand wissen wie man das umsetzen könnte, lass ich mich natürlich gerne belehren 😉

                                      Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

                                      Tolle Idee, gefällt mir. Bitte schreib dazu ein Issue auf gihub, damit es nicht in vergessenheit gerät!

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

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

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • ScroungerS Scrounger

                                        @BobBruni
                                        Bitte verschieb deine Frage nach
                                        https://forum.iobroker.net/topic/29621/material-design-widgets-masonry-views-widget, weil wir die Fragen zu Einstellung suzessive aus dem Testing Thread raus halten sollten.

                                        Und poste gleich einen export deiner view inkl. der verwendeten Grafiken. Das geht, du hast da aber paar einstellungsfehler drin.

                                        @BobBruni sagte in Test Adapter Material Design Widgets v0.2.x:

                                        Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.

                                        Das geht aber nicht!
                                        Warum, weil z.B. die Höhe bei Desktop Auflösung 1000px beträgt. Wenn du jetzt 10 Views mit einer relativen Höhe von 10% hast, dann würde jede View eine Höhe von 100px haben.
                                        Aber z.B. auf dem Handy entspricht die 100% Höhe z.B. 500px, d.h. die Views würden alle auf eine Höhe von 50px gestaucht werden und es würde kein scrollbalken angezeigt werden. Deshalb muss man die Höhe fix gestalten.
                                        Sollte jemand wissen wie man das umsetzen könnte, lass ich mich natürlich gerne belehren 😉

                                        Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

                                        Tolle Idee, gefällt mir. Bitte schreib dazu ein Issue auf gihub, damit es nicht in vergessenheit gerät!

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

                                        @BobBruni
                                        Bitte verschieb deine Frage nach
                                        https://forum.iobroker.net/topic/29621/material-design-widgets-masonry-views-widget, weil wir die Fragen zu Einstellung suzessive aus dem Testing Thread raus halten sollten.

                                        Und poste gleich einen export deiner view inkl. der verwendeten Grafiken. Das geht, du hast da aber paar einstellungsfehler drin.

                                        @BobBruni sagte in Test Adapter Material Design Widgets v0.2.x:
                                        Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.

                                        Das geht aber nicht!
                                        Warum, weil z.B. die Höhe bei Desktop Auflösung 1000px beträgt. Wenn du jetzt 10 Views mit einer relativen Höhe von 10% hast, dann würde jede View eine Höhe von 100px haben.
                                        Aber z.B. auf dem Handy entspricht die 100% Höhe z.B. 500px, d.h. die Views würden alle auf eine Höhe von 50px gestaucht werden und es würde kein scrollbalken angezeigt werden. Deshalb muss man die Höhe fix gestalten.
                                        Sollte jemand wissen wie man das umsetzen könnte, lass ich mich natürlich gerne belehren 😉

                                        Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

                                        Tolle Idee, gefällt mir. Bitte schreib dazu ein Issue auf gihub, damit es nicht in vergessenheit gerät!

                                        @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                                        @Scrounger

                                        Hallo, die Rahmenfarbe wird bei mir nur Horizontal gesetzt . Ich habe keine Vertikale. (nur in Monatsansicht)

                                        Screenshot (1520).png

                                        Stimmt, allerdings nur wenn man die Hintergrundfarbe ändert wird die Rahmenfarbe nicht mehr übernommen. Schau ich mir an.

                                        <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
                                        0
                                        • ScroungerS Offline
                                          ScroungerS Offline
                                          Scrounger
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #660

                                          Ich habe jetzt für hoffentlich alle Widgets eigene Themen im Bereich Visualisierung erstellt:
                                          Material Design Widgets Themen

                                          Ich bitte Euch zukünftig alle Fragen bzgl. Einstellungen, Verständnis, Skripte, etc. im entsprechenden Thema des zugehörigen Widgets zu posten!

                                          Hintergrund ist, dass ich den Testing Thread entlasten möchte und nur noch für Fragen zur Fehlerbehebung, Testen neuer Widgets (Widgets mit Beta Label) und Funktionen verwenden möchte.

                                          Denke das wird allen helfen, schneller Fragestellungen zu beantworten.
                                          Bedeutet aber auch, dass alle etwas mehr Disziplin haben müssen 😉

                                          In der kommenden Version (latest) könnt ihr dann auch direkt aus dem VIS Editor per link zu dem entsprechenden Thema des Widgtes hier im Forum springen, sofern Eure Sprache auf Deutsch eingestellt ist:

                                          q&a.png

                                          <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
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          320

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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