Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 2

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    927

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Einfach mal zeigen will….. :-) - Teil 2

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
916 Posts 185 Posters 455.9k Views 68 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • DutchmanD Offline
    DutchmanD Offline
    Dutchman
    Developer Most Active Administrators
    wrote on last edited by Jey Cee
    #1

    so jetzt ich auch mal, nich die schönste Grafik und Aufbau aber technische Wiedergabe einer sonnen anlage (Wasser und Strom)
    979_screen_shot_2018-04-27_at_22.09.15.png 979_screen_shot_2018-04-27_at_22.12.51.png 979_screen_shot_2018-04-27_at_22.13.19.png 979_screen_shot_2018-04-27_at_22.09.31.png 979_screen_shot_2018-04-27_at_22.13.04.png

    1 Reply Last reply
    1
    • smarthome-tricks.deS Offline
      smarthome-tricks.deS Offline
      smarthome-tricks.de
      wrote on last edited by Jey Cee
      #2

      NodeMCU ESP8266 Sensoren an ioBroker über MQTT – #2 weiterer Sensor und Test-Gehäuse

      Im zweiten Teil der Reihe wird ein weiterer Sensor sowie ein Gehäuse für den Sensor hinzugefügt.Im vorherigen Teil haben wir einen Temperatur und Luftfeuchtigkeitssensor mittels WLAN und dem MQTT-Protokoll an ioBroker angebunden. In diesem Teil wird das bestehende Board um einen Bodenfeuchtigkeitssensor sowie die Grundplatine und ein passendes Gehäuse erweitert. Der komplette Sensor soll im Blumenbeet seinen vorläufigen Platz finden und dort fröhlich Daten sammeln.

      http://smarthome-tricks.de/software-iobroker/nodemcu-esp8266-sensoren-an-iobroker-ueber-mqtt-2-weiterer-sensor-und-test-gehaeuse/

      http://www.smarthome-tricks.de | Tutorials, Wissensdatenbank und Scripts zu ioBroker und mehr…

      1 Reply Last reply
      0
      • HomoranH Offline
        HomoranH Offline
        Homoran
        Global Moderator Administrators
        wrote on last edited by
        #3

        Warum verlinkst du den Baubericht auf deiner Seite und postest ihn nicht hier?

        Brauchst du Klicks für amazon?

        Wenn deine Seite nicht mehr erreichbar ist, fehlt dem thread wichtiger Inhalt.

        Gruß

        Rainer

        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

        1 Reply Last reply
        1
        • smarthome-tricks.deS Offline
          smarthome-tricks.deS Offline
          smarthome-tricks.de
          wrote on last edited by
          #4

          Hallo,

          danke für den Hinweis, werde den Baubericht, der ja aus zwei Teilen besteht, in den nächsten Tagen als neues Thema anlegen, dann ist alles hier im Forum… Vielleicht hilft's ja dem ein oder anderen bei seinen Projekten weiter.

          Grüße,

          Matthias

          http://www.smarthome-tricks.de | Tutorials, Wissensdatenbank und Scripts zu ioBroker und mehr…

          1 Reply Last reply
          0
          • K Offline
            K Offline
            krissi
            wrote on last edited by
            #5

            @schittl:

            Anbei die gewünschten Views. Bedenke dabei das aber noch viele Skripte im Hintergrund benötigst incl. Material Design CSS. Welche du alle benötigst würde hier den Rahmen sprengen. Einfach nach den Object-ID's hier im Forum forschen…

            P.S.: Ich weiß nicht ob die Haupt-View sich korrekt importieren lässt, denn beim Import wurden verschiedene Attribute einfach nicht mit exportiert, welche ich per Editor nachträglich einfügte. Kennt ggf. jemand anders ebenfalls das Problem? Vis Version 1.1.1 über iobroker.pro. Beispielattribut: `

            Danke Dir! Dann werde ich mich die Tage mal daran versuchen ;)

            ioBroker in VM (unraid) / CCU2 für IP FB-Heizungssteuerung raspi3 / 3x Echo Dot / IKEA Tradfri / zigBee mit Conbee II

            1 Reply Last reply
            0
            • S Offline
              S Offline
              sveni_lee
              wrote on last edited by Jey Cee
              #6

              @tomdeboom:

              Hi Marco,

              anbei wie versprochen meine Anzeige:

              Der rote Kreis mit der Anzeige wieviel Tage es noch sind bis zur nächsten Leerung ist ein "basic - Red Number" Widget:

              ! [{"tpl":"tplRedNumber","data":{"oid":"javascript.0.muell.Altpapier","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","type":"circle","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},"style":{"left":"543px","top":"108px","z-index":"4","font-family":"RobotoCondensed-Regular","font-style":"normal","font-variant":"small-caps","font-weight":"bold","font-size":"18px","line-height":"-0.1","width":"20px","height":"20px","text-align":"center","letter-spacing":"","word-spacing":"","text-shadow":"","border-width":"","border-style":"none"},"widgetSet":"basic"}]
              Musst du dann unter Object ID noch auf dein Javascript anpassen.

              Die Tonnen habe ich aus dem Internet, habe nur die Hintergründe transparent gemacht.

              Gruß,

              Tom `

              hallo Tom,

              kann es sein das sich die gifs aus dem https://www.forum.iobroker.net/viewtopic.php?f=35&t=5369&start=500#p135404 nicht öffnen lassen?

              1 Reply Last reply
              0
              • T Offline
                T Offline
                tomdeboom
                wrote on last edited by
                #7

                schaue ich heute Mittag mal, ansonsten schicke ich sie nochmal.

                Gruß,

                Tom

                <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

                1 Reply Last reply
                0
                • I Offline
                  I Offline
                  ioBrokerMike
                  wrote on last edited by Jey Cee
                  #8

                  Moin schittl

                  Finde deine tolle Übersicht super.

                  Eine Fragen habe ich doch.

                  Auf der ersten Seite werden Wetterwarnungen dargestellt.

                  sh. Anhang

                  Ist das ein Vertikal Scrollfeld in dem man mehrere Meldungen

                  anfügen kann?

                  Denn so eine möglichkeit suche Ich.

                  Mfg

                  Michael
                  5564_unbenannt.png

                  Mfg
                  IOBrokerMike

                  Achtung ! Sehkraft 25% | 60% , kein scherz
                  Systeme : GEEKOM MiniAir 11 | Linux : Trixie 13.2 | HMIP | OpenCCU / RasPi3 | SMA PV Anlage | Robonect Hx | Hydrawise | RTL_433

                  1 Reply Last reply
                  0
                  • B Offline
                    B Offline
                    Baerny
                    wrote on last edited by
                    #9

                    @schnitti

                    Hallo schnitti, finde deine Views echt toll und bin dabei diese an mein Tablet anzupassen.

                    Drei Fragen habe ich aber vorerst noch dazu:

                    • welche Widgets verwendest du für die linke Navigation ( 99_Nav ) Metro?

                    evtl. könntest du ja mal ein Widget von der Nav als Beispiel hier veröffentlichen

                    • welchen Icon Satz benutzt du hierfür

                    • wie machst du das mit den Schwellwerten in der Heizungsview

                    vorab schon mal vielen Dank

                    Baerny

                    CCU 2 | Intel NUC mit Proxmox

                    1 Reply Last reply
                    0
                    • 4 Offline
                      4 Offline
                      4-Real
                      wrote on last edited by
                      #10

                      @fibernet:

                      Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.

                      25-04-_2018_13-54-58.jpg

                      Unabhängig davon habe ich jetzt einige Milight Sachen geholt und programmiert..bis auf die fehlende Rückmeldung bin ich aber doch sehr zufrieden damit.

                      Das ist übrigens der Slider für die Dimmer und CW/WW Überblendung, die Steuerung ist gerade in Arbeit.

                      Slider.jpg

                      Generell will ich zuschauen, das die VISU übersichtlich, grafisch nicht zu überfrachtet und vor allem auf allen Seiten stimmig ist ;-) ich habs nicht so mit KuntiBunti `

                      Hallo fibernet.

                      Wie Realisierst du das mit den Mehreren Feiertagen, das sie dir angezeigt werden?

                      Wenn ich den Adapter "Deutsche Feiertage" benutze kann ich leider immer nur den nächsten "Feiertag" anzeigen lassen.

                      Wie realisierst du das, dass dort 3 oder 4 stehen?

                      Danke schonmals!

                      1 Reply Last reply
                      0
                      • M Offline
                        M Offline
                        MarkusL
                        wrote on last edited by
                        #11

                        @peoples:

                        @web4wasch:

                        Guten Morgen Steffen,

                        so etwas ähnliches habe ich mir schon gedacht…

                        Bin leider erst noch ziemlich am Anfang, deshalb bekomme ich vieles einfach noch nicht gebacken.

                        Erstmal herzlichen Dank, könntest du mir bitte noch verraten, wie du das mit den 'halb transparenten' border Hintergründen machst und evtl ein 'state' widget posten?

                        Dann bin ich erstmal beschäftigt. :-) <emoji seq="1f44d">👍</emoji>

                        Grüße

                        Marcus `
                        Generell ist CSS das Schalgwort das du suchst, es gibt fast nichts was nicht geht, bei den halb transparenten Hintergründen ist opacity, hab dir mal eine einfache Box gemacht, Hintergrund schwarz und opacity auf 0.2

                        Geht direkt im widget auch wenn ich es bei mir in einem Stylesheet mache.

                        ! ````
                        [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","refreshInterval":"0","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},"style":{"left":"458px","top":"304px","width":"394px","height":"209px","background-color":"black","opacity":"0.2"},"widgetSet":"basic"}]

                        Hier das Widget:
                         
                        >! ````
                        [{"tpl":"tplBulbOnOffCtrl","data":{"oid":"hm-rpc.0.xxxxxx.1.STATE","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,"icon_off":"/vis.0/Wandtablet/img/buttons/light/Licht_Kueche_aus.png","icon_on":"/vis.0/Wandtablet/img/buttons/light/Licht_Kueche_an.png","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,"min":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","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},"style":{"left":"238.96875px","top":"70.9921875px","width":"101px","height":"101px","z-index":"2"},"widgetSet":"basic"}]
                        

                        Nur nebenbei ich bastle an meinem Vis - Design bestimmt schon ein Jahr rum und mache immer wieder etwas anders, da findet sich nie ein Ende :lol:

                        Hier bin ich zur Zeit dran:

                        heizung.JPG `

                        Hallo Peoples,

                        wie hast Du denn die tollen Heizungsschemata hinbekommen? Ich bin schon lange auf der Suche nach passenden Icons, habe aber keine gefunden, welche schön aussehen und alles abdecken.

                        Danke und VG,

                        Markus

                        1 Reply Last reply
                        0
                        • PeoplesP Offline
                          PeoplesP Offline
                          Peoples
                          wrote on last edited by
                          #12

                          Hi Markus,

                          das Bild von dem Brenner und dem Wasserspeicher sind von google und die Rohre und pumpen sind von dem Widget plump

                          Ich beantworte keine Fragen zu Themen via PN

                          1 Reply Last reply
                          0
                          • F Offline
                            F Offline
                            fibernet
                            wrote on last edited by
                            #13
                            [{"tpl":"tplHqCircle","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"oid":"milight-smart-light.0.RGB_Stripe.fullColor-3.brightness","min":"0","max":"100","digits":"0","step":"1","is_comma":"true","displayPrevious":"true","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,"linecap":true,"descriptionLeft":"Brightness","class":"knob","bgcolor":"none","anticlockwise":false,"color":"#fda30e","thickness":"0.1","unit":"%","caption":"","oid-working":"milight-smart-light.0.RGB_Stripe.fullColor-3.onoff","cursor":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"610px","top":"241px","width":"100px","height":"100px","z-index":1,"font-size":"20px","font-weight":"lighter","color":"#fda30e"},"widgetSet":"hqwidgets"},{"tpl":"tplImage","data":{"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,"refreshInterval":"0","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,"src":"/vis.0/Design/img/test4.png","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"610px","top":"241px","width":"100px","height":"100px"},"widgetSet":"basic"},{"tpl":"tplFrame","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"Alle","title_color":"#bebebe","title_top":"5","title_left":"3","header_height":"0","header_color":"#333","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,"title_font":"Verdana"},"style":{"left":"610px","top":"216px","width":"66px","height":"26px","font-weight":"","font-size":"14px","border-width":"0px"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"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","refreshInterval":"0","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,"src":"/vis.0/Meine/Img/balken3.png","stretch":true},"style":{"left":"599px","top":"229px","width":"6px","height":"60px"},"widgetSet":"basic"}]
                            

                            6912_test4.png

                            Bitteschön ;-)

                            Es ist nichts weiter als ein Bild und ein Widget….

                            @tomdeboom:

                            Guten Morgen fibernet,

                            @fibernet:

                            Das ist übrigens der Slider für die Dimmer und CW/WW Überblendung, die Steuerung ist gerade in Arbeit. `

                            das würde mich schon interressieren, kannst du das bitte zu verfügung stellen? Widget und Einstellungen?

                            Vielen Dank und Gruß,

                            Tom `

                            ioBroker Hauptserver auf ASRock Q1900B-ITX, Visu auf 24"Dell Touch-Screen, 1x Raspberry Pi KODI Server, 1x Raspberry Pi ioBroker Smart Mirror Client :geek:

                            1 Reply Last reply
                            0
                            • F Offline
                              F Offline
                              fibernet
                              wrote on last edited by
                              #14

                              So:

                              6912_01-05-_2018_16-50-46.jpg

                              @4-Real:

                              @fibernet:

                              Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.

                              25-04-_2018_13-54-58.jpg

                              Unabhängig davon habe ich jetzt einige Milight Sachen geholt und programmiert..bis auf die fehlende Rückmeldung bin ich aber doch sehr zufrieden damit.

                              Das ist übrigens der Slider für die Dimmer und CW/WW Überblendung, die Steuerung ist gerade in Arbeit.

                              Slider.jpg

                              Generell will ich zuschauen, das die VISU übersichtlich, grafisch nicht zu überfrachtet und vor allem auf allen Seiten stimmig ist ;-) ich habs nicht so mit KuntiBunti `

                              Hallo fibernet.

                              Wie Realisierst du das mit den Mehreren Feiertagen, das sie dir angezeigt werden?

                              Wenn ich den Adapter "Deutsche Feiertage" benutze kann ich leider immer nur den nächsten "Feiertag" anzeigen lassen.

                              Wie realisierst du das, dass dort 3 oder 4 stehen?

                              Danke schonmals! `

                              ioBroker Hauptserver auf ASRock Q1900B-ITX, Visu auf 24"Dell Touch-Screen, 1x Raspberry Pi KODI Server, 1x Raspberry Pi ioBroker Smart Mirror Client :geek:

                              1 Reply Last reply
                              0
                              • 4 Offline
                                4 Offline
                                4-Real
                                wrote on last edited by
                                #15

                                @fibernet:

                                So:

                                01-05-_2018_16-50-46.jpg

                                @4-Real:

                                @fibernet:

                                Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.

                                25-04-_2018_13-54-58.jpg

                                Unabhängig davon habe ich jetzt einige Milight Sachen geholt und programmiert..bis auf die fehlende Rückmeldung bin ich aber doch sehr zufrieden damit.

                                Das ist übrigens der Slider für die Dimmer und CW/WW Überblendung, die Steuerung ist gerade in Arbeit.

                                Slider.jpg

                                Generell will ich zuschauen, das die VISU übersichtlich, grafisch nicht zu überfrachtet und vor allem auf allen Seiten stimmig ist ;-) ich habs nicht so mit KuntiBunti `

                                Hallo fibernet.

                                Wie Realisierst du das mit den Mehreren Feiertagen, das sie dir angezeigt werden?

                                Wenn ich den Adapter "Deutsche Feiertage" benutze kann ich leider immer nur den nächsten "Feiertag" anzeigen lassen.

                                Wie realisierst du das, dass dort 3 oder 4 stehen?

                                Danke schonmals!

                                Ah, du Hast das mit Google Calendar gemacht? Hab jetzt mal meinen auch hinzugefügt und funktioniert 100 % ! Danke dir für die schnelle Hilfe :-)

                                Ist ja mega Praktisch!

                                1 Reply Last reply
                                0
                                • S Offline
                                  S Offline
                                  schittl
                                  wrote on last edited by Jey Cee
                                  #16

                                  @Baerny:

                                  Drei Fragen habe ich aber vorerst noch dazu:

                                  • welche Widgets verwendest du für die linke Navigation ( 99_Nav ) Metro?

                                  evtl. könntest du ja mal ein Widget von der Nav als Beispiel hier veröffentlichen

                                  • welchen Icon Satz benutzt du hierfür

                                  • wie machst du das mit den Schwellwerten in der Heizungsview `
                                    Erstmal bin ich keine schnitti :D .

                                  Hier ein Beispiel Export eines Buttons. Es handelt sich um das Widget jqui-navigation-icon. Als Icon-Set benutzte ich icons-material-png.

                                  [{"tpl":"tplJquiIconNav","data":{"visibility-cond":"==","visibility-val":1,"src":"/vis.0/iPadAir2/ic_ac_unit_white_3x.png","text":"Heizung","imageHeight":"60","nav_view":"05_Heizung","gestures-offsetX":0,"gestures-offsetY":0,"visibility-groups-action":"hide","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},"style":{"left":"6px","top":"214px","width":"50px","height":"50px","font-size":"x-small","border-radius":"0px","font-family":"RobotoCondensed-Light","font-weight":"","color":"#d8d8da","background":"#373e48","border-color":"#373e48","border-width":"0px","font-style":""},"widgetSet":"jqui"}
                                  

                                  Was im Detail interessiert Dich bei den Schwellwerten? Hintergrundfarbe? Als Grundlage nutze ich ein Skript von ruhr70 (Danke dafür) viewtopic.php?f=21&t=2645&p=39671&hilit ... rte#p39652
                                  Ist das ein Vertikal Scrollfeld in dem man mehrere Meldungen
                                  anfügen kann?

                                  Es ist ein einfaches Basic-HTML Feld. Das sollte aber auch das richtige WIdget sein für deine Meldungen. Einfach im HTML mehrere Datenpunkte angeben, z.B. {ical.0.data.html},{ical.1.data.html},{ical.2.data.html},{ical.3.data.html} und overflow-y auf Scroll stellen.

                                  HW: Lenovo M920q (Proxmox, ioBroker, RaspMatic & Z2M), QNAP (Docker, Influx), Arduino Mega 2560 R3 (I2C DS18B20 + LED)

                                  SW: CT IoBroker, VM RaspMatic(v3.79.6.20241122)

                                  1 Reply Last reply
                                  0
                                  • B Offline
                                    B Offline
                                    Baerny
                                    wrote on last edited by
                                    #17

                                    Erstmal bin ich keine schnitti :D

                                    Sorry dafür und Danke für die Auskunft

                                    Baerny

                                    CCU 2 | Intel NUC mit Proxmox

                                    1 Reply Last reply
                                    0
                                    • M Offline
                                      M Offline
                                      MarkusL
                                      wrote on last edited by
                                      #18

                                      @peoples:

                                      Hi Markus,

                                      das Bild von dem Brenner und dem Wasserspeicher sind von google und die Rohre und pumpen sind von dem Widget plump `

                                      Hi Steffen,

                                      vielen Dank. Dann google ich sie mal.

                                      Eine andere Frage noch: Wie liest Du die Werte der anderen Kleincomputer aus? Die von dem RasPi, auf dem IOBroker läuft, ist klar. Aber die anderen?

                                      Danke nochmal,

                                      Markus

                                      1 Reply Last reply
                                      0
                                      • I Offline
                                        I Offline
                                        ioBrokerMike
                                        wrote on last edited by
                                        #19

                                        Moin schittl

                                        Vielen Dank für deine Antwort.
                                        ` > ioBrokerMike hat geschrieben: ↑30.04.2018, 13:23

                                        Ist das ein Vertikal Scrollfeld in dem man mehrere Meldungen

                                        anfügen kann?

                                        Es ist ein einfaches Basic-HTML Feld. Das sollte aber auch das richtige WIdget sein für deine Meldungen. Einfach im HTML mehrere Datenpunkte angeben, z.B. {ical.0.data.html},{ical.1.data.html},{ical.2.data.html},{ical.3.data.html} und overflow-y auf Scroll stellen. `

                                        Habe mich falsch ausgedrückt. :?

                                        Was ich wollte ist, das der Text aus den "{ical.0.data.html}
                                        {ical.1.data.html}" von alleine nach oben aus dem Basic-HTLM Feld läuft.

                                        Also eine Laufschrift von unten nach oben.

                                        Ist so was möglich.

                                        Gruß

                                        Michael

                                        Mfg
                                        IOBrokerMike

                                        Achtung ! Sehkraft 25% | 60% , kein scherz
                                        Systeme : GEEKOM MiniAir 11 | Linux : Trixie 13.2 | HMIP | OpenCCU / RasPi3 | SMA PV Anlage | Robonect Hx | Hydrawise | RTL_433

                                        1 Reply Last reply
                                        0
                                        • S Offline
                                          S Offline
                                          schittl
                                          wrote on last edited by
                                          #20

                                          @ioBrokerMike:

                                          Habe mich falsch ausgedrückt. :?

                                          Was ich wollte ist, das der Text aus den "{ical.0.data.html}
                                          {ical.1.data.html}" von alleine nach oben aus dem Basic-HTLM Feld läuft.

                                          Also eine Laufschrift von unten nach oben.

                                          Ist so was möglich.

                                          Gruß

                                          Michael `
                                          Sollte gehen. marquee ist dabei das Zauberwort:````
                                          <marquee direction="up" scrollamount="2" style="height: 80px;">{ical.0.data.html}
                                          {ical.1.data.html}</marquee>

                                          HW: Lenovo M920q (Proxmox, ioBroker, RaspMatic & Z2M), QNAP (Docker, Influx), Arduino Mega 2560 R3 (I2C DS18B20 + LED)

                                          SW: CT IoBroker, VM RaspMatic(v3.79.6.20241122)

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          477

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe