Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. FRAGE! Vis: individuelle Schaltfläche erstellen

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    FRAGE! Vis: individuelle Schaltfläche erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Stefan2812 @Glasfaser last edited by

      @glasfaser Nein, auch da nichts. 😞

      Glasfaser 1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser @Stefan2812 last edited by Glasfaser

        @stefan2812

        Nimm mal diese View und importiere sie in dem neuen Projekt ein :

        das ist die Test View von mir , mit den ganzen Widgets :

        {
         "settings": {
           "style": {
             "background_class": "hq-background-h-gradient-black-4"
           },
           "theme": "dark-hive",
           "sizex": "",
           "sizey": "",
           "gridSize": "",
           "useBackground": false,
           "snapType": null
         },
         "widgets": {
           "e00001": {
             "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": "nothing_selected",
               "min": "false",
               "max": "true",
               "iconName": "img/bulb_off.png",
               "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
             },
             "style": {
               "left": "708px",
               "top": "286px",
               "width": "218px",
               "height": "64px",
               "transform": "rotate(75deg)"
             },
             "widgetSet": "hqwidgets"
           },
           "e00002": {
             "tpl": "tplVis-materialdesign-Button-Toggle-vertical",
             "data": {
               "oid": "nothing_selected",
               "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",
               "buttonStyle": "raised",
               "toggleType": "boolean",
               "stateIfNotTrueValue": "on",
               "vibrateOnMobilDevices": "49",
               "buttontext": "Toggle",
               "textFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text",
               "textFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.button.vertical.text",
               "alignment": "center",
               "mdwButtonPrimaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.primary",
               "mdwButtonSecondaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.secondary",
               "image": "checkbox-marked",
               "iconPosition": "top",
               "iconHeight": "26",
               "autoLockAfter": "10",
               "lockIconTop": "5",
               "lockIconLeft": "5",
               "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.lock_icon",
               "lockFilterGrayscale": "30",
               "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": "662px",
               "top": "315px",
               "transform": "rotate(75deg)"
             },
             "widgetSet": "materialdesign"
           },
           "e00003": {
             "tpl": "tplContainerButtonDialog",
             "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",
               "buttontext": "Text",
               "padding": "5",
               "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": "587px",
               "top": "335px",
               "width": "76px",
               "height": "47px",
               "transform": "rotate(75deg)"
             },
             "widgetSet": "jqui"
           },
           "e00004": {
             "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/Home/Background/Solar7.jpg"
             },
             "style": {
               "left": "428px",
               "top": "327px",
               "transform": "rotate(75deg)"
             },
             "widgetSet": "basic"
           },
           "e00005": {
             "tpl": "tplBulbOnOffCtrl",
             "data": {
               "oid": "nothing_selected",
               "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",
               "icon_off": "img/bulb_off.png",
               "icon_on": "img/bulb_on.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,
               "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": "347px",
               "top": "393px",
               "z-index": "2",
               "transform": "rotate(75deg)",
               "width": "83px",
               "height": "108px"
             },
             "widgetSet": "basic"
           },
           "e00006": {
             "tpl": "tplBulbOnOffCtrl",
             "data": {
               "oid": "hm-rpc.1.KEQ0023561.1.STATE",
               "g_fixed": true,
               "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,
               "icon_off": "/vis.0/Home/Buttons/HD_transparent_picture.png",
               "icon_on": "/vis.0/Home/Muell/tonne1.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,
               "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,
               "name": "Schaltfläche_Küche_Licht",
               "visibility-cond": "==",
               "visibility-val": 1,
               "visibility-groups-action": "hide",
               "g_ccontrol": false,
               "min": "false",
               "max": "true"
             },
             "style": {
               "left": "567px",
               "top": "27px",
               "z-index": "20",
               "opacity": "",
               "width": "176px",
               "height": "265px",
               "background-color": "",
               "transform": "rotate(75deg)",
               "position": "",
               "background": "green"
             },
             "widgetSet": "basic"
           },
           "e00007": {
             "tpl": "tplBulbOnOffCtrl",
             "data": {
               "oid": "nothing_selected",
               "g_fixed": true,
               "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",
               "icon_off": "img/bulb_off.png",
               "icon_on": "img/bulb_on.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,
               "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,
               "name": "Test"
             },
             "style": {
               "left": "431px",
               "top": "166px",
               "z-index": "50",
               "background-color": "#a0f00f",
               "transform": "rotate(45deg)",
               "position": ""
             },
             "widgetSet": "basic"
           }
         },
         "name": "01Test",
         "filterList": []
        }
        

        S 1 Reply Last reply Reply Quote 0
        • S
          Stefan2812 @Glasfaser last edited by

          @glasfaser erledigt - alle Felder sind gedreht, sobald ich eines anklicke wird es wieder gerade angezeigt - wenn ich wieder wo anders hinblicke dreht sich das Objekt wieder.

          Glasfaser 1 Reply Last reply Reply Quote 0
          • Glasfaser
            Glasfaser @Stefan2812 last edited by

            @stefan2812

            ja im Editor Modus ...
            was ist im Runtime

            S 1 Reply Last reply Reply Quote 0
            • S
              Stefan2812 @Glasfaser last edited by

              @glasfaser in der Runtime funktioniert es - dort bleiben sie gedreht.
              Sorry, hab mich vielleicht zuerst unverständlich ausgedrückt, in der Runtime funktioniert es bei mir auch mit der Rotation nur im Editor nicht.

              Homoran Glasfaser 2 Replies Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators @Stefan2812 last edited by

                @stefan2812 sagte in FRAGE! Vis: individuelle Schaltfläche erstellen:

                nur im Editor nicht.

                das ist vollkommen normal!
                im Editor funktioniert einiges nicht live.
                z.B. auch die Bindings

                S 1 Reply Last reply Reply Quote 0
                • Glasfaser
                  Glasfaser @Stefan2812 last edited by

                  @stefan2812

                  Sehr komisch , habe gerade dazu keine Erklärung.

                  Ich habe nochwas anderes .

                  über CSS:

                  im Widget eintragen

                  1.JPG

                  und im CCS Projekt dann :

                  Beispiel :

                  2.JPG

                   /* Widget drehen */
                   .rotate90 {
                   transform: rotate(90deg);
                   }
                   .rotate270 {
                   transform: rotate(270deg);
                   }
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S
                    Stefan2812 @Glasfaser last edited by

                    @glasfaser so hatte ich es vor deinem Tipp versucht. Geht auch nicht im Editor.

                    Glasfaser 1 Reply Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @Stefan2812 last edited by

                      @stefan2812 sagte in FRAGE! Vis: individuelle Schaltfläche erstellen:

                      Geht auch nicht im Editor.

                      Im Editor :.

                      IP Adressen gedreht ( Value string )
                      .
                      1.JPG

                      S 1 Reply Last reply Reply Quote 0
                      • S
                        Stefan2812 @Glasfaser last edited by

                        @glasfaser Ich vermute, dass der Vis Adapter bei mir einen Knacks hat.

                        Glasfaser 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @Stefan2812 last edited by

                          @stefan2812

                          eventuell auch ein Widgetsatz von einem Adapter was diese Widget´s beeinflußt ..... kann alles sein .

                          1 Reply Last reply Reply Quote 0
                          • S
                            Stefan2812 @Homoran last edited by Stefan2812

                            @homoran Sorry, ganz übersehen - ok, dann kann man eh nichts daran ändern.
                            @Glasfaser Danke für deine Unterstützung, du hast mir wirklich weitergeholfen. Jetzt weiß ich ja wie ich mir behelfen kann (immer zwischendurch im Editor aktualisieren - ist zwar nicht der Burner aber geht)

                            Homoran 1 Reply Last reply Reply Quote 1
                            • Homoran
                              Homoran Global Moderator Administrators @Stefan2812 last edited by

                              @stefan2812 sagte in FRAGE! Vis: individuelle Schaltfläche erstellen:

                              immer zwischendurch im Editor aktualisieren - ist zwar nicht der Burner aber geht)

                              Auch die Werte der Datenpunkte im Editor sind nicht live aktuell.
                              Erst wieder in der Runtime

                              BTW: welchen Browser nutzst du?
                              mal mit einem anderen Probiert?

                              S 1 Reply Last reply Reply Quote 0
                              • S
                                Stefan2812 @Homoran last edited by

                                @homoran hab’s mit Edge und Safari versucht.

                                Homoran 1 Reply Last reply Reply Quote 0
                                • Homoran
                                  Homoran Global Moderator Administrators @Stefan2812 last edited by

                                  @stefan2812 der neue Edge sollte eigentlich keine Probleme machen, Safari war schon immer speziell.
                                  Am besten läuft es unter Chrome

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

                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  634
                                  Online

                                  31.9k
                                  Users

                                  80.2k
                                  Topics

                                  1.3m
                                  Posts

                                  3
                                  36
                                  1277
                                  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