Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 2

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • StM47
      StM47 last edited by

      @Homer1976:

      Bitte, `

      Sieht cool aus!

      Solche Dieselpreise hatten wir schon lange nicht mehr in der Ulmer Gegend! 😢

      1 Reply Last reply Reply Quote 0
      • P
        pix last edited by

        Bei mir so:
        261_bildschirmfoto_2018-11-24_um_17.34.13.png
        Gruß,

        Pix

        1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active last edited by

          Cool, gibt´s das auch fürs Ösi-Land?

          1 Reply Last reply Reply Quote 0
          • Negalein
            Negalein Global Moderator last edited by

            @sigi234:

            Cool, gibt´s das auch fürs Ösi-Land? `

            Das wäre cool, hab aber auch noch nichts gefunden! Such schon 2 Wochen rum.

            1 Reply Last reply Reply Quote 0
            • D
              deta Most Active last edited by

              @pix:

              Bei mir so:

              Gruß,

              Pix `

              Sieht gut aus. Würdest du den Code bereit stellen? Vor allen mit der Preisentwicklung.. 😉

              cu Deta

              1 Reply Last reply Reply Quote 0
              • B
                blackplanet333 last edited by Jey Cee

                Hier mal meine Tank Ansicht.

                Noch nicht ganz fertig, aber wird…
                6001_bildschirmfoto_2018-11-25_um_13.38.20.png

                1 Reply Last reply Reply Quote 0
                • W
                  wello last edited by

                  Angelehnt an die Views von @painkillerde (nochmals danke).

                  Logging umgestellt auf mysql, deshalb nur logging seit gestern

                  9784_tempsnip.jpg

                  1 Reply Last reply Reply Quote 0
                  • D
                    deta Most Active last edited by

                    Bastel gerade mal an den Flot welche Einstellungen habt Ihr da gemacht? Irgendwie scheint es bei mir nicht so zu wollen

                    1 Reply Last reply Reply Quote 0
                    • S
                      stimezo Forum Testing last edited by

                      Tankerkönig mit Markierung der günstigsten Tankstelle 🙂

                      4996_tanker.jpg

                      1 Reply Last reply Reply Quote 0
                      • D
                        denjo last edited by

                        @Mic:

                        Besser gut "inspiriert" als schlecht selber gemacht :lol:

                        Hintergrund (und Wetterdarstellung in anderer View) schamlos übernommen von https://forum.iobroker.net/viewtopic.php?f=35&t=5369&start=340#p122126, außerdem die runden Buttons von https://forum.iobroker.net/viewtopic.php?f=35&t=13917&start=300#p186400. Vielen Dank Euch beiden!

                        Das linke Hauptmenü ist Eigenkreation. Durch Klicken auf das Menü-Symbol oben links klappt es auf, und nach View-Wechsel oder nach 5 Sekunden automatisch wieder zu. Realisiert über "View in Widget", und Sichtbarkeit mittels Datenpunkt und Script. Deutlich schneller und zuverlässiger übrigens als die Lösung im Materials Design.

                        Screenshot_20181111-203327.png

                        Screenshot_20181111-203321.png `

                        könntest du mir die gelben licht Buttons zukommen lassen? sehen klasseaus

                        1 Reply Last reply Reply Quote -1
                        • Mic
                          Mic Developer last edited by Jey Cee

                          @denjo:

                          könntest du mir die gelben licht Buttons zukommen lassen? sehen klasseaus `

                          Sind 3 Widgets übereinander, gesteuert über Sichtbarkeit.

                          [{"tpl":"tplHqButton","data":{"oid":"","min":"false","max":"true","iconName":"/icons-mic/m_eigene/lamp.png","btIconWidth":"43","offsetAuto":false,"leftOffset":"22","topOffset":"24","caption":"","captionOn":"","iconOn":"/icons-mic/m_eigene/lamp.png","pushButton":false,"usejQueryStyle":false,"g_visibility":true,"styleActive":"hq-button-no-background","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"g_css_shadow_padding":true,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","g_signals":false,"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,"g_last_change":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,"g_gestures":false,"g_ccontrol":false,"g_leftRight":true,"g_css_font_text":false,"g_css_border":false,"g_fixed":false,"timeAsInterval":true,"infoLeftFontSize":"12","infoFontRightSize":"12","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","descriptionLeft":"Alle Alexa-Geräte auf Pause","descriptionLeftDisabled":true,"visibility-oid":"shelly.0.SHSW-1#XXXXX#1.Relay0.Switch"},"style":{"left":"451px","top":"219px","width":"80px","height":"80px","z-index":"20","background-color":"","opacity":"","background":"rgba(17,139,182,0.4)","box-shadow":"0px 0px 30px #118bb6"},"widgetSet":"hqwidgets"},{"tpl":"tplHqButton","data":{"oid":"","min":"false","max":"true","iconName":"/icons-mic/m_eigene/lamp.png","btIconWidth":"43","offsetAuto":false,"leftOffset":"22","topOffset":"24","caption":"","captionOn":"","iconOn":"/icons-mic/m_eigene/lamp.png","pushButton":false,"usejQueryStyle":false,"g_visibility":true,"styleActive":"hq-button-no-background","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"g_css_shadow_padding":true,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","g_signals":false,"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,"g_last_change":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,"g_gestures":false,"g_ccontrol":false,"g_leftRight":true,"g_css_font_text":false,"g_css_border":false,"g_fixed":false,"timeAsInterval":true,"infoLeftFontSize":"12","infoFontRightSize":"12","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","descriptionLeft":"Alle Alexa-Geräte auf Pause","descriptionLeftDisabled":true,"visibility-oid":"shelly.0.SHSW-1#XXXXX#1.Relay0.Switch"},"style":{"left":"451px","top":"219px","width":"80px","height":"80px","z-index":"10","background-color":"","opacity":"","background":"rgba(230, 203, 0, 0.7)","box-shadow":"0px 0px 30px yellow"},"widgetSet":"hqwidgets"},{"tpl":"tplHqButton","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","oid":"shelly.0.SHSW-1#XXXXX#1.Relay0.Switch","min":"false","max":"true","iconName":"","btIconWidth":"56","offsetAuto":"true","leftOffset":"15","topOffset":"55","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","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,"styleNormal":"hq-button-no-background","styleActive":"hq-button-no-background","descriptionLeft":"Switch","descriptionLeftDisabled":true,"pushButton":false},"style":{"left":"439px","top":"208px","width":"100px","height":"100px","z-index":"30"},"widgetSet":"hqwidgets"}]
                          
                          1 Reply Last reply Reply Quote 0
                          • D
                            denjo last edited by Jey Cee

                            wo kann ich denn die farben ändern und das bild in der mitte ersetzen
                            3445_28-11-_2018_19-58-52.png

                            1 Reply Last reply Reply Quote 0
                            • Mic
                              Mic Developer last edited by

                              Kennst Du Dich gar nicht aus mit VIS? Sind wie gesagt 3 Widgets übereinander, zu musst die jeweils auswählen, dann kannst Du im Widget die Farben ändern, das Symbol anpassen (unter "Zentrum"), etc.

                              1 Reply Last reply Reply Quote 0
                              • StM47
                                StM47 last edited by

                                Hi, schönes Widget.

                                wie hast du das realisiert, dass du die günstigste Tankstelle markiert bekommst?

                                @stimezo:

                                Tankerkönig mit Markierung der günstigsten Tankstelle 🙂

                                tanker.jpg `

                                1 Reply Last reply Reply Quote 0
                                • A
                                  Andre_NMB last edited by

                                  @StM47:

                                  Hier bitte schön.

                                  Bildschirmfoto 2018-11-24 um 16.57.31.png `

                                  Das findet ich sehr stark aufgebaut. Gefällt mir sehr gut.

                                  So ähnlich würde ich mein VIS auch aufbauen wollen.

                                  Wie hast du das mit dem Home LOGO (links unten) gemacht?

                                  Was ich mir auch noch anschauen muss ist das mit der Anwesenheit der aktiven Geräte/Personen.

                                  1 Reply Last reply Reply Quote 0
                                  • StM47
                                    StM47 last edited by

                                    Hi, schön dass dir meine Arbeit gefällt.

                                    Der Homebutton wurde per Photoshop direkt auf das Hintergrundbild gelegt und anschließend per HTML verlinkt.

                                    @Andre_NMB:

                                    @StM47:

                                    Hier bitte schön.

                                    Bildschirmfoto 2018-11-24 um 16.57.31.png `

                                    Das findet ich sehr stark aufgebaut. Gefällt mir sehr gut.

                                    So ähnlich würde ich mein VIS auch aufbauen wollen.

                                    Wie hast du das mit dem Home LOGO (links unten) gemacht?

                                    Was ich mir auch noch anschauen muss ist das mit der Anwesenheit der aktiven Geräte/Personen. `

                                    1 Reply Last reply Reply Quote 0
                                    • A
                                      Andre_NMB last edited by

                                      Ah jetzt habe ich da voll die Idee. 😄

                                      Müsste es doch auch möglich sein eine komplette Navigationsleiste so zu gestalten.

                                      Muss ich nur mal sehen, wie ich da eine Animation bzw. einen Effekt noch mit reinbekomme,

                                      wie bei einen ganz normalen Button.

                                      @StM47:

                                      Der Homebutton wurde per Photoshop direkt auf das Hintergrundbild gelegt und anschließend per HTML verlinkt. `

                                      1 Reply Last reply Reply Quote 0
                                      • S
                                        stimezo Forum Testing last edited by

                                        @StM47:

                                        Hi, schönes Widget.

                                        wie hast du das realisiert, dass du die günstigste Tankstelle markiert bekommst?

                                        @stimezo:

                                        Tankerkönig mit Markierung der günstigsten Tankstelle 🙂

                                        tanker.jpg

                                        Hi stM47,

                                        Ich habe jeweils unter die Preise das grüne Feld gelegt, dieses wird über die Sichtbarkeit aktiviert/deaktiviert.

                                        Also falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren.

                                        Viele Grüße

                                        Christian

                                        1 Reply Last reply Reply Quote 0
                                        • StM47
                                          StM47 last edited by

                                          Bitte Ergebnis dann hier posten!

                                          @Andre_NMB:

                                          Ah jetzt habe ich da voll die Idee. 😄

                                          Müsste es doch auch möglich sein eine komplette Navigationsleiste so zu gestalten.

                                          Muss ich nur mal sehen, wie ich da eine Animation bzw. einen Effekt noch mit reinbekomme,

                                          wie bei einen ganz normalen Button.

                                          @StM47:

                                          Der Homebutton wurde per Photoshop direkt auf das Hintergrundbild gelegt und anschließend per HTML verlinkt.

                                          1 Reply Last reply Reply Quote 0
                                          • StM47
                                            StM47 last edited by

                                            Hi Christian,

                                            danke für die Antwort!

                                            falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren

                                            Muss ich dass mit Blockly erstellen oder gibt es eine andere Möglichkeit?

                                            @stimezo:

                                            @StM47:

                                            Hi, schönes Widget.

                                            wie hast du das realisiert, dass du die günstigste Tankstelle markiert bekommst?

                                            @stimezo:

                                            Tankerkönig mit Markierung der günstigsten Tankstelle 🙂

                                            tanker.jpg

                                            Hi stM47,

                                            Ich habe jeweils unter die Preise das grüne Feld gelegt, dieses wird über die Sichtbarkeit aktiviert/deaktiviert.

                                            Also falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren.

                                            Viele Grüße

                                            Christian `

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            999
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            363898
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo