uhula / iobroker-material-design-style Goto Github PK
View Code? Open in Web Editor NEWMaterial Design CSS - Style für ioBroker.vis
License: Other
Material Design CSS - Style für ioBroker.vis
License: Other
Wohin sollten am besten die images aus dem Ordner in vis kopiert werden?
Hallo,
ich verstehe die Funktion der Buttons noch nicht.
Die Anleitung habe ich eigentlich recht intensiv gelesen.
Wie kriege ich an die Buttons ein Objekt geknüpft, welches Beispielsweise bei meinem Shutter den Wert "down" setzt?!
Das ist ja dann auf andere Zustände übertragbar... (also das Szenario)
Ich danke...
Wenn ich einfach nur ein Brett vor dem Kopf habe, tut es mir leid... probiere schon den ganzen Tag lang...
Hi,
ich habe mich die letzten Tage in dein CSS reingefuchst und so langsam komme ich dahinter wie es funktioniert. Danke für die Arbeit die du da rein gesteckt hast.
Allerdings habe ich jetzt das Problem, dass die Klassen mdui-color1-3 bei Text (basic html) nicht richtig funktionieren. Es kommt immer nur Rot bei mdui-color1 und mdui-color2 is gelb usw.
Nutze ich aber z.b. mdui-color3-bg als Hintergrund für eine Seite, dann wird die richtige Farbe verwendet. In der CSS-Definition habe ich gesehen an welcher Stelle die RGB Farben zugewiesen werden aber bin mir nicht sicher ob das dort stehen muss oder weg kann.
Ich habe im mdui-config für mdui-color 1 eine Farbe definiert. So sieht die config aus. Den gleichen Effekt habe ich auch in deinem Beispielprojekt.
"primary_color":"#787D83", "abar_color":"{demo_abar_color}", "tnav_color":"#373E47", "bnav_color":"{demo_bnav_color}", "lnav_color":"{demo_lnav_color}", "rnav_color":"{demo_lnav_color}", "secondary_color":"#00ff00", "content_color":"#2E353D", "lnav_fixed_width":"{demo_lnav_fixed_width}", "lnav_fixed_open":"true", "color1":"#787D83", "color1_dark":"{demo_color1_dark}", "color2":"{demo_color2}", "color2_dark":"{demo_color2_dark}", "color3":"#2A2E37", "color3_dark":"{demo_color3_dark}"
Ich hoffe du kannst du mir helfen.
Vielen Dank schonmal.
Bei einem Wechsel einer View in eine andere über die "top app bar" und wieder zurück ist beim Öffnen eines Dialoges dieser leer. Lediglich Überschrift und Schließen-Button sind noch zu sehen. Alle Komponenten wie Buttons, etc. sind weg. Es hilft nur ein Neuladen der Seite.
Hallo Uhula,
dürfte ich mich mit einem Anliegen an Dich wenden: ich bin von Deinem MDCSS v2 begeistert und würde es gerne nützen. Der Projekt-Import von MD_Demo und MD_Simple in vis.0 funktioniert auch grundsätzlich, allerdings zeigt das CSS einige "Fehler" an, das Skript zumindest "Hinweise". Ich habe mehrere vis-Versionen (1.4.7 - 1.4.15) ausprobiert, kein Unterschied.
Auf den Bildern siehst Du einen kleinen Ausschnitt ... auch wenn die Debug-Meldungen (z.B. Zeilen 8 und 9 :root "rule is empty", "RBRACE expected" ...) nicht sichtbar sind - hast Du möglicherweise eine Ahnung, woran es liegen könnte?
Ich freue mich sehr auf eine kurze Rückmeldung, vielen Dank!
Hallo Uhula,
Großes Dankeschön für das super Paket! Zur Info, ich verwendet noch die V1.0 und bin sehr zufrieden. Zu meiner Frage, wenn ich VIS im Browser z.B. Fully Kios Browser öffne werden einige Elemente / Bilder nicht ersetzt. Siehe Bild. In der VIS App wird jedoch alles richtig ersetzt. Kann ich das auch irgendwie mit einem Browser erreichen?
Vielen Dank!
Very nice design. Which license is that? MIT?
Please place license.md file.
Thank you
Hallo Uhula, habe Material Design deinstalliert und es läuft. Wenn ich danach eine Widget aus Material Design importiere läuft es zwar weiterhin aber nicht allzu lange. Kann es sein, dass dies dann wieder zu Probleme führt? musste nämlich danach in ioBroker nochmals Materialdesign Order löschen.
Und Material verursacht dieser Adapter auch Fehler?
danke
Wenn im JSON ein „undefined“ vorkommt wird die Tabelle in vis nicht fortgeführt
Hallo Uhula, ich hoffe Du kannst Dein super MD CSS Framework weiterhin unterstützen. Bei mir hat sich auf dieser Basis ein umfangreiches Projekt entwickelt.
Das Problem ist nur, dass die Ladezeiten auf dem Samsung Tablet A10 immer länger werden - im Moment vom Reload der Seite bis zur Anzeige im Browser 20-30sec. Solange ist die Seite weiss. Im PC-Browser (Chrome wie auch auf dem A10 Tablet) lädt die Seite in ca. 3-5 sec.
Auffällig ist beim Debuggen im Browser das Auftreten vieler jquery-Meldungen in der Browser-Console:
jquery-1.11.2.min.js:3 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
In Deinen MD_Demo Projekt sind das ca. 50 Meldungen und die Seite lädt in ca.3 sec, was gefühlt ok ist.
In meinem größeren Projekt laufen derzeit 300 Meldungen auf, und die Ladezeit geht wie oben beschrieben gegen eine halbe Minute.
Meine Frage ist, ob Du diese Meldungen evtl. kennst, ob diese kritisch für die Performance sind und ggf. einen Tipp hast, wie man sie weg bekommt.
Ich habe zum Vergleich mal andere jquery-Seiten im Debugger mitlaufen lassen, da tauchen die o.g. Meldungen nicht auf und laden auch als jquery-Seiten schnell im Mobile-Chrome.
Ich habe im IOBroker Thread einen Beitrag geschrieben, und ein User hat das Verhalten dort bestätigt.
Ich bin für jeden Tipp dankbar, VG ok
Bin gerade dabei von der V1 auf die V2 zu gehen.
In der Demo gehen leider die rnav und lnav nicht.
Es lassen sich die Buttons nicht drücken. Sobald man z.B. auf Start drück schließt sich die Navigation wieder!
Komme hier nicht weiter.
Ist hier ein Fehler ?
Gruß
Kevin
Ich muss leider gleich noch ein Issue aufmachen:
Hab mir gerade mal das Demoprojekt heruntergeladen. Sieht bei mir aber gar nicht so aus, wie im Video. Die Navi-Icons werden nicht angezeigt, der Hintergund ist weiß, wie der Text,... weiter habe ich noch gar nicht geschaut. Muss ich irgendwo noch einen Pfad anpassen?
Hallo, ich versuche gerade der Anleitung zu folgen und stelle fest, dass die Fonts nicht mehr unter der URL https://github.com/google/material-design-icons/tree/master/iconfont zu finden sind. Viele Grüße, S.
Hallo,
ich erstelle gerade innerhalb meines Projektes eine Seite für ein S4 Mini als Remote Control...
Ich nutze hierzu eine eigene "abar", wo "primary_color" etc. als HTML definiert werden.
Egal was ich mache (übernahme Standardsettings, Farben fix definieren, ...) übernimmt er mir an dem S4 Mini keine Farben und stellt den Standard ein. Gleiche Seite auf meinem Smartphone oder am PC erscheinen die richtigen Farben und lassen sich wie beschrieben ändern. Als Browser habe ich Fully und Chrome probiert, beides gleich.
Gibt es eine Abhängigkeit zur Auflösung oder fehlt meinem Handy etwas?
MFG
Hey,
good instruction manual but without example file it is difficult to create my own project.
Hi, ich bekomme folgende Fehlermeldung bei Log Instanzen Script:
`
javascript.0 | 2021-01-30 20:59:58.114 | error | (22655) script.js.MduiLog.MduiLogInstanzen: setForeignState: Error: The state property "ack" has the wrong type "number" (should be "boolean")! |
---|
`
Beim Positionieren von Elementen im VIS wurde bislang immer rote Hilfslinen angezeigt, wenn man ein Objekt mit den Cursertasten in die Nähe von anderen Objekten verschoben hat. Seit dem ich Deine Version 2.0 nutze, sind diese Linien aber weiß und eigentlich kaum noch erkennbar. Vermute, man kann das im CSS umstellen. Hab aber auf die Schnelle keine Stelle gewfunden, wo diese Farbe definiert ist. Bitte um Hilfe.
Seit JavaScriptAdapter Update? ist das Skript für das HM-Log ohne Funktion, aber auch keine Fehlermeldung
Hallo Uhula,
ich habe da im css diese Fehler. Woran kann das liegen?
Seit ich Material-Design-Style implementiert habe kann ich in den Views keinen Hintergrund wie z.B "H gradient blue 7" mehr verwenden. Der Huntergrund kommt zwar in des VIS aber im Editor zieht die Einstellung nicht mehr. Warum?
Deine Hilfe würde mich freuen.
Ich war von der Vorgängerversion ja schon total begeistert. Die Version 2.0 bietet nun noch genau die Features, die ich bislang noch vermisst habe. Vielen Dank dafür!
Meine Frage ist aber, ob ich mein bestehendes Projekt ohne weiteres auf die neue Version updaten kann oder ob gravierende Anpassungen nötig sind? Vielleicht kannst Du hier auf github eine kurze Beschreibung der nötigen/empfohlenen Schritte für ein Update hinterlegen?
When i use a Bool Checkbox together with mdui-tooltip, the tooltip works fine but the checkbox doesnt work anymore.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.