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.9k

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

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

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.
  • 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

                        842

                        Online

                        32.4k

                        Benutzer

                        81.6k

                        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