NEWS
[Projekt] Material Design CSS für ioBroker.vis
-
Hall uhula,
eine Frage habe ich:
ich kopiere mir Teile des MD (komplette Abschnitte, also z.B. alles, was unter /* INPUT */ steht ).
Trotzdem sehen bei mir z.B. die jqui input Widgets nach Zuweisung der CSS Klasse ganz anders aus, als in deinen Vorlagen? Habe ich da was falsch gemacht, muss man doch einfach alles rüberkopieren?
Danke vorab!
Nachtrag: ok, war ne blöde Frage: alles rüberkopieren hilft natürlich. Da habe ich die Abhängigkeiten der einzelnen Abschnitte wohl noch nicht verstanden.
Hach Mensch, es gibt aber auch viel zu lernen…
Edit 2:
ok, eine Frage habe ich nun doch. Wie bekomme ich biem jqui date time input nun die Sekunden weg? die werden immer angezeigt, reagieren nicht auf das "zeige keine Sekunden" (logisch, wird ja auch alles überschrieben).
was müsste ich tun, um bei spezifischen jqui date time inputs den Unterstrich zu entfernen?
DANKE!
-
Da man die Sekunden wohl nicht ausschalten kann im Widget habe ich mir jetzt so beholfen, die Schrift und die Bottom-Border unsichtbar zu machen und dann das Ganze als unsichtbares Overlay über meine Zeitanszeige zu legen, die sich dann wiederum aus den Stunden und Minuten, die man mit dem Widget einstellt, speist.
Etwas von Hinten durchs Auge in die Brust, aber funktioniert!
-
Hallo Leute,
habe ich mit dem responsiven Design auch eine Chance diverse reingesetzte Widgets im Bild richtig positioniert zu bekommen? Bild wird auf die Breite angepasst, die Widgets stehen aber dann zum Teil irgendwo herum..
3845_img_3502.png -
hier kannst du auf prozent umschalten
1518_unbenannt.jpg -
hier kannst du auf prozent umschalten `
was ändert das aber an einer richtigen Positionierung? Ich hab ja das Problem das ich Widgets in die Cards reinsetze welche dann je nach Auflösung nicht richtig mitwandern an die korrekten Positionen, vielleicht geht das auch gar nicht aber müsste ich es wissen denn dann probier ich nicht weiter :)
thx
-
hier kannst du auf prozent umschalten `
was ändert das an der Positionierung? `
na die widgets werden nach der Scallierung an die entsprechnde stelle gepackt..so wie du die haben willst `
ich checks nicht, die Widgets wandern auch mit den % irgendwo hin, die Temperatur müsste Mitte des Raumes bleiben und das LED beim TV - die Widgets müssten doch dann auch kleiner werden wenn das Bild responsiv kleiner wird, vielleicht geht das auch gar nicht was ich meine…trotzdem danke
Ich werde das Bild einfach alleine darstellen und die Widgets in nem eigenen Grid darunter
3845_2018-01-25_10_41_45-home_-teamviewer-freie_lizenz__keine_kommerzielle_nutzung.png -
was ändert das an der Positionierung? `
na die widgets werden nach der Scallierung an die entsprechnde stelle gepackt..so wie du die haben willst `
ich checks nicht, die Widgets wandern auch mit den % irgendwo hin, die Temperatur müsste Mitte des Raumes bleiben und das LED beim TV - die Widgets müssten doch dann auch kleiner werden wenn das Bild responsiv kleiner wird, vielleicht geht das auch gar nicht was ich meine…trotzdem danke
Ich werde das Bild einfach alleine darstellen und die Widgets in nem eigenen Grid darunter `
ok also nochmal…du klickst auf das widget was du verschieben willst... jetzt änderst du die px auf % wie ich es dir angegeben habe.. ewtl. nochmal das widget schieben ..halt nur ein stückchen...
jetzt die vis neu laden (nicht den editor) ..somit müsste das widget an der stelle bleiben passen zur Scallierung..
1518_unbenannt.jpg -
danke arteck, es scheitert sicher bei mir schon an der "ContPage1" - habe hier sicher nur Schrott eingestellt (und dort sind die Widgets auch schon verschoben)
Kannste mir richtige Einstellungen dafür geben ;)
thx
3845_2018-01-25_14_17_24-posteingang_-reinhard.hackl_spitz.at-_outlook.png -
ok danke das hatte ich falsch - ich habs nun hinbekommen das die Widgets in allen Views an der richtigen Stelle sind (card, ContPage, EG)- wenn ich dann die Visualisierung im Browser starte ist es direkt wieder falsch :(
Jetzt kann mich das ganze bald am A.. lecken :x
3845_2018-01-25_16_05_44-einstellungen.png
3845_2018-01-25_16_07_12-home_-teamviewer-freie_lizenz__keine_kommerzielle_nutzung.png -
du hast es immer noch falsch…
du musst drauf achten das du das richtige Widget was du plazieren willst markierst und dann "top" und "left" auf % umstellst...
nicht eintragen ,du musst den button den ich markiert habe drücken für dieses markierte Widget
-
Hallo ,
kann mir jemand bitte helfen!
Ich sehe im vis bei Fenster keine Schrift , im Editor ist alles ok.
Ich hatte es nur kopiert und Objekt geändert.
3673_mds.png
3673_mds1.png
3673_mds2.png -
kann mir jemand bitte helfen! `
Vielleicht. Im Screenshot kann man leider nicht erkennen, ob du nur für den Wert=0 einen Eintrag in der Werteliste vorgenommen hast oder auch für den Wert=1. Daran könnte es schon liegen, weil im Editor der "Testwert" (0) angenommen wird. Im Browser dann aber der echte Wert deiner Object ID - welcher ist das? Ich vermute "Is opened" hat den Wert 1.Dann müsste dein Eintrag in der Werteliste lauten:
geschlossen;geöffnet
Weitere Infos: http://forum.iobroker.net/viewtopic.php?f=30&t=10540
-
wo können diese Werte angepasst werden? `
Im genutzten Widget "basic ValueList HTML" leider nicht, da dieses nur mit 0,1,… arbeiten kann. Also(a) entweder ein anderes, boolsches Widget verwenden, zB "basic bool HTML"
(b) oder einen eigenen boolschen State unter javascript.0 anlegen und diesen via Script mit on()-Event jedesmal auf 0/1 anpassen, wenn sich der State des Xiaomi auf false/true ändert.
Ich habe beides nicht getestet. (a) ist natürlich einfacher.
-
wo können diese Werte angepasst werden? `
Im genutzten Widget "basic ValueList HTML" leider nicht, da dieses nur mit 0,1,… arbeiten kann. Also(a) entweder ein anderes, boolsches Widget verwenden, zB "basic bool HTML"
(b) oder einen eigenen boolschen State unter javascript.0 anlegen und diesen via Script mit on()-Event jedesmal auf 0/1 anpassen, wenn sich der State des Xiaomi auf false/true ändert.
Ich habe beides nicht getestet. (a) ist natürlich einfacher. `
Habe es auch mit Variante (a) gelöst, dachte ev. gibt es einen Trick :)
Danke für dein Feedback!
-
Hi,
gibt es eine Möglichkeit die basic html table "mdui-table mdui-table-aslist-r300 mdui-table-striped" mit Werte zu füllen wo die Nachkommastelle im Html mit angeben wird?
Habe vom Stromzähler einen Wert mit 5 Nachkommstellen und würde diesen gerne in der VIS nur mit 2 haben. Kann ich im HTML Code die Nachkommastellen definieren oder muss ich das extern über JS machen?
So sieht der Code bis jetzt aus;
{hm-rpc.0.NEQ0860993.1.ENERGY_COUNTER} kWh -
Hallo Hallo,
erst mal danke für dein großartiges Projekt. Ich hatte den Thread schon länger im Auge und wollte mir irgendwann eine schöne Visu fürs Ipad bauen, jedoch waren andere Projekte im Weg :-)
Nunja, letztes Wochenende hatte ich mal die Zeit und habe mir die Demo sowie Simple eingespielt und ein wenig rumgeklickt. Leider muss ich da noch viel testen und ausprobieren für die große Visu.
Dann habe ich Adapter "material widgets" von nisiode entdeckt und wow, sieht ja super aus nach dem Screenshot urteilen auf Git. Ähnlich aufgebaut wie Mobilui. Da könnte ich bestimmt jetzt auch den Livestream meiner Kamera einbringen. Naja, weiter als die Widget reinziehen und feststellen, dass die sich dem Bildschirm anpassen bin ich nicht gekommen.Hab das ganze CSS nicht verstanden :-(
Ich denke, dass ist auch nicht so einfach wie ich mir das vorstelle. So, nun häng ich da und weiß nicht was ich wie aufbauen möchte, damit die Ansicht auf dem Smartphone angenehm wird.
Daher die Frage hier, was habt ihr so draus gemacht? Ich brauch ein paar Anregungen zum nachbauen oder importieren :-)
Gruß und Danke
1241_bildschirmfoto_2018-01-30_um_19.37.43.png
Support us
520
Online32.5k
Benutzer81.7k
Themen1.3m
Beiträge