Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Jqui-mfd dialog abändern in Farbe, Schrift usw.

NEWS

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

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

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

Jqui-mfd dialog abändern in Farbe, Schrift usw.

Geplant Angeheftet Gesperrt Verschoben Visualisierung
12 Beiträge 4 Kommentatoren 3.8k Aufrufe
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • P Offline
    P Offline
    ple
    schrieb am zuletzt editiert von
    #1

    Hallo zusammen,

    ich bin wieder zurück von Mediola zu IOBroker, welches ist vor einem halben Jahr mal angefangen habe. Beim Einzug ins neue Eigenheim musste schnell was her, damit Frau Licht was schalten kann, daher Mediola.

    Jetzt kann ich mich wieder mit IOBroker beschäftigen, hat doch mehr Möglichkeiten.

    Meine Frage, damit ich hier weiterkomme, kann ich das Dialogfenster in Farbe und Schriftart ändern und meine Visu anpassen?

    Mit Javascript hatte ich bis jetzt nichts am Hut, wird aber wohl mal Zeit.

    Kann man auch das Icon "TV" aus dem Metrodesign ein wenig höher schieben? siehe Anhang.

    Gruß und vielen Dank
    1241_bildschirmfoto_2016-11-14_um_20.35.33.png
    1241_bildschirmfoto_2016-11-14_um_20.45.11.png

    Intel Nuc + Proxmox

    1 Antwort Letzte Antwort
    0
    • H Offline
      H Offline
      hmanfred
      schrieb am zuletzt editiert von
      #2

      @ple:

      Kann man auch das Icon "TV" aus dem Metrodesign ein wenig höher schieben? siehe Anhang. `

      Nach meinen Erkenntnissen kann man die Metro-eigenen Icons nicht so einfach weiter anpassen.

      Ich verwende - auch in Metro-Widgets - die icons-mfd-svg. Da gibt es nichts, was es nicht gibt. Das im Reiter Icon ausgewählte Bild kannst du dann im Widget anpassen, wie du möchtest.

      Ich lege z.B. Senderlogos zur SONOS-Steuerung auf die volle Größe des Widgets.

      Gruß

      Manfred

      1 Antwort Letzte Antwort
      0
      • BluefoxB Offline
        BluefoxB Offline
        Bluefox
        schrieb am zuletzt editiert von
        #3

        Die Farbe vom Dialog kann man ändern, in den man view Thema ändert.

        Ich habe auch irgendwann gepostet, wie man eine eigene Thema mit JQuery Theme Editor erzeugen kann.

        Die Icons verschieben - sollte auch gehen. Das kann ich aber zeigen wenn ich am Rechner bin.

        1 Antwort Letzte Antwort
        0
        • BluefoxB Offline
          BluefoxB Offline
          Bluefox
          schrieb am zuletzt editiert von
          #4

          http://forum.iobroker.net/viewtopic.php … ler#p33050

          .metro .tile .tile-content.icon i{
              top: 45% !important;
          }
          

          48_animation.gif

          1 Antwort Letzte Antwort
          0
          • P Offline
            P Offline
            ple
            schrieb am zuletzt editiert von
            #5

            So, das Dialogfenster habe ich nun auch in schwarz hinbekommen, gibt aber anscheinend nur das schwarze und das hellblaue.

            Kannst du eine Anleitung vielleicht noch mal raussuchen, wie man sich die Theme selber basteln kann? Denke die Schriftart wird man auch ändern können.

            Wenn du noch nützliche Informationen hast, die man vorher lesen sollte, dann immer her damit.

            Das Dialogfenster von der Metro gibt es wohl nur mit dem Fenster like Win 95, naja, werde mir da wohl jetzt einen Mix draus bauen.

            Das Verschieben des Icons, ich weiß nicht was ich falsch machen, aber ich kopiere den Code aber nichts passiert.

            EDIT: Ok, im Code fehlte das important, im GIF war es mit drin, jetzt gehts auch.

            Von daher, vielen Dank für deine Unterstützung.

            Ich bastel dann mal weiter :-)

            Bin auch schon beim nächsten Problem nach 3 Stunden, wollte jetzt auch nicht direkt einen neuen Thread aufmachen, daher frage ich mal eben hier.

            Ich habe ein "View in Widget" und wollte das gerne über die ganze Fläche legen, damit Änderungen direkt auf alle Views übernommen werden. Ich wollte unten und links feste Navigationen erzeugen nur stört mich der Hintergrund vom vom Widget. Ich tippe mal drauf, dass es ein CSS Befehl gibt, um den Background auf transparent zu setzen, oder liege ich da falsch.

            Gruß Ple
            1241_bildschirmfoto_2016-11-15_um_22.19.39.png
            1241_bildschirmfoto_2016-11-15_um_22.23.15.png

            Intel Nuc + Proxmox

            1 Antwort Letzte Antwort
            0
            • BluefoxB Offline
              BluefoxB Offline
              Bluefox
              schrieb am zuletzt editiert von
              #6

              Link zum Theme Roller ist im meinem letzten Post als erstes.

              1 Antwort Letzte Antwort
              0
              • P Offline
                P Offline
                ple
                schrieb am zuletzt editiert von
                #7

                Hast du auch noch zufällig eine Idee für mein 2tes Problem mit dem Kachelmuster im Hintergrund? Transparent wäre besser.

                Gruß

                Intel Nuc + Proxmox

                1 Antwort Letzte Antwort
                0
                • BluefoxB Offline
                  BluefoxB Offline
                  Bluefox
                  schrieb am zuletzt editiert von
                  #8

                  ` > Bin auch schon beim nächsten Problem nach 3 Stunden, wollte jetzt auch nicht direkt einen neuen Thread aufmachen, daher frage ich mal eben hier.

                  Ich habe ein "View in Widget" und wollte das gerne über die ganze Fläche legen, damit Änderungen direkt auf alle Views übernommen werden. Ich wollte unten und links feste Navigationen erzeugen nur stört mich der Hintergrund vom vom Widget. Ich tippe mal drauf, dass es ein CSS Befehl gibt, um den Background auf transparent zu setzen, oder liege ich da falsch. `
                  Ich verstehe das nicht. Dann am besten ein anderen Widget nehmen. Oder?

                  1 Antwort Letzte Antwort
                  0
                  • P Offline
                    P Offline
                    ple
                    schrieb am zuletzt editiert von
                    #9

                    Mein Plan war folgender,

                    ich nehme ein "View in Widget" und zieh das über das gesamt Ipad Air.

                    1024*748 und unten und links ist dann die Navigation. Dieses "View in Widget" nutzte ich dann für alle Views. Wenn ich an der Navi was ändere, ändert es gleich alle ab. Z-Index ist bereits auf 0.

                    Da nur die Stellen links und unten belegt sind, zieht er so ein karierten Hintergrund, was ein wenig unschön ist. Die Frage war daher, kann man den Hintergrund irgendwie eliminieren, oder eher 2 "View in Widget" nutzen. Einen unten einen links.

                    Das sieht dann so aus.
                    1241_bildschirmfoto_2016-11-17_um_19.37.34.png
                    1241_bildschirmfoto_2016-11-17_um_19.38.21.png

                    Intel Nuc + Proxmox

                    1 Antwort Letzte Antwort
                    0
                    • BluefoxB Offline
                      BluefoxB Offline
                      Bluefox
                      schrieb am zuletzt editiert von
                      #10

                      Hast du versucht das in RunTime öffnen?

                      Da sollte kein Hintergrund zu sehen sein.

                      1 Antwort Letzte Antwort
                      0
                      • P Offline
                        P Offline
                        ple
                        schrieb am zuletzt editiert von
                        #11

                        Ich musste gerade alles wieder Neustarten, da mein Rega Adapter keine Verbindung mehr zum Pi mit YAHM aufbauen konnte, den konnte ich selbst nicht mal mehr anpingen.

                        Gestern war der Hintergrund in der Runtime noch da, nach dem Neustart jetzt alles gut.

                        Schadet wohl nicht ab und zu mal neuzustarten.

                        Vielen Dank für dein Support.

                        Intel Nuc + Proxmox

                        1 Antwort Letzte Antwort
                        0
                        • severendisS Offline
                          severendisS Offline
                          severendis
                          schrieb am zuletzt editiert von
                          #12

                          @Bluefox:

                          http://forum.iobroker.net/viewtopic.php … ler#p33050

                          .metro .tile .tile-content.icon i{
                              top: 45% !important;
                          }
                          ```` `  
                          

                          Hallo Bluefox,

                          gibt es diesen CSS Befehl auch für ein Icon von jqui-mfd?

                          Ich möchte das Bild des Shutters verschieben.

                          Und dann hätte cih noch eine Frage: Bekomme ich dieses Widget auch auf einen transparenten Hintergrund?

                          Danke und Grüße !

                          Uwe

                          1 Antwort Letzte Antwort
                          0
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          884

                          Online

                          32.4k

                          Benutzer

                          81.5k

                          Themen

                          1.3m

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

                          • Du hast noch kein Konto? Registrieren

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