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

[ple]

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

[hmanfred]

@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

[Bluefox]

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.

[Bluefox]

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

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

48_animation.gif

[ple]

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

[Bluefox]

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

[ple]

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

Gruß

[Bluefox]

` > 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?

[ple]

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

[Bluefox]

Hast du versucht das in RunTime öffnen?

Da sollte kein Hintergrund zu sehen sein.

[ple]

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.

[severendis]

@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