Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Ränder an Widgets

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Ränder an Widgets

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

      Tag zusammen,

      ich habe ein Problem dass ich bereits bei der alten Vis hatte und nun bei der Vis 2 auch wieder. Beim öffnen der App "iobrokervisu" sind an den Rändern immer wieder so feine schwarze Linien zu sehen (siehe Screenshot). Wenn ich auf eine andere Seite navigiere und anschließend wieder zurück, dann sind die Ränder weg. Gibt es da irgend eine Einstellung die das verursacht oder woher kommt das?
      IMG_2237.PNG

      2te Frage:
      Die schrift wird plötzlich größer wenn sich der Wert ändert, wie kann man das denn ausschalten - ich finde es einfach nicht.

      widget.png

      OliverIO sigi234 2 Replies Last reply Reply Quote 0
      • OliverIO
        OliverIO @DA_HOOD last edited by

        @da_hood sagte in Ränder an Widgets:

        ich habe ein Problem dass ich bereits bei der alten Vis hatte und nun bei der Vis 2 auch wieder

        bitte benenne das widget bei dem dieser effekt entsteht.
        Idealerweise erstellst du eine separate view mit dem/den widgets, mit möglichst wenig datenpunkten (oder diese dann mit inhalt benennen),
        so das man sich das importieren und anschauen kann.

        die widgets sind oft von unterschiedlichen autoren und manche bauen css formatierungen ein, weil sie es schön finden, wo andere nicht haben wollen.

        um so etwas zu eliminieren, muss man dann entsprechende Gegen CSS-Anweisungen erstellen.

        D 1 Reply Last reply Reply Quote 0
        • D
          DA_HOOD @OliverIO last edited by DA_HOOD

          @oliverio

          hier mal das exportierte Widget:

          [
            {
              "tpl": "tplHtml",
              "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,
                "visibility-cond": "==",
                "visibility-val": 1,
                "visibility-groups-action": "hide",
                "refreshInterval": "0",
                "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,
                "html": "<iframe src=\"http://192.168.178.20:3000/d-solo/g3uY_QEVz/e3dc?orgId=1&refresh=5s&panelId=30\" width=\"670\" height=\"230\" frameborder=\"0\"></iframe>",
                "bindings": []
              },
              "style": {
                "left": "0",
                "top": "1037",
                "width": "670px",
                "height": "230px",
                "z-index": "2",
                "bindings": []
              },
              "widgetSet": "basic",
              "_id": "i000001"
            }
          ]
          

          und hier das 2te exportierte widget mit der Schrift die größer wird:

          [
            {
              "tpl": "tplValueString",
              "data": {
                "bindings": [],
                "oid": "0_userdata.0.Charge_Control.Allgemein.Autonomiezeit",
                "g_css_font_text": true,
                "html_prepend": "Autonomiezeit bei aktuellen Verbrauch ",
                "html_append": ""
              },
              "style": {
                "bindings": [],
                "left": "0",
                "top": "765",
                "width": "670",
                "height": "35",
                "color": "#FFFFFF",
                "text-align": "center",
                "font-family": "Verdana, Geneva, sans-serif",
                "font-weight": "bold",
                "font-size": "15pt",
                "z-index": "3"
              },
              "widgetSet": "basic",
              "_id": "i000001"
            }
          ]
          
          OliverIO 2 Replies Last reply Reply Quote 0
          • OliverIO
            OliverIO @DA_HOOD last edited by

            @da_hood sagte in Ränder an Widgets:

            mach bitte jeweils code tags drum rum
            ich habe import fehler

            1 Reply Last reply Reply Quote 0
            • OliverIO
              OliverIO @DA_HOOD last edited by OliverIO

              @da_hood sagte in Ränder an Widgets:

              Beim 2. deaktiviere mal die Gruppe Sichtbarkeit.
              Evtl hat das Auswirkungen auf die Veränderung der Schrift.
              Ansonsten kann ich da nix besonderes erkennen.

              das erste ist ein html widget mit iframe
              die haben keine eigene formatierung.
              daher muss das von der quelle her kommen.
              von aussen in ein iframe css-anweisungen hineinzubekommen ist nicht so easy. daher ist es am besten das an der quelle anzupassen.
              also was auch immer d-solo ist, dort ein anderes theme auswählen oder css-files anpassen

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

                @da_hood sagte in Ränder an Widgets:

                Die schrift wird plötzlich größer wenn sich der Wert ändert, wie kann man das denn ausschalten - ich finde es einfach nicht.

                Nimm mal 15px

                D 1 Reply Last reply Reply Quote 0
                • D
                  DA_HOOD @OliverIO last edited by

                  @oliverio

                  das kommt von Grafana.. aber es ist nach einem wechsel der Seite ja dann auch plötzlich weg, oben beim Energiefluss adapter ist es übrigens genauso, daher würde ich das als Fehlerquelle eigentlich ausschließen.

                  1 Reply Last reply Reply Quote 0
                  • D
                    DA_HOOD @sigi234 last edited by

                    @sigi234
                    macht leider keinen Unterschied 😕

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

                    Support us

                    ioBroker
                    Community Adapters
                    Donate

                    715
                    Online

                    31.7k
                    Users

                    79.6k
                    Topics

                    1.3m
                    Posts

                    3
                    8
                    108
                    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