Material Design Widgets: Input, Select, Autocompl.

[Scrounger]

@Michi_Pi sagte in Material Design Widgets: Line History Chart Widget:

@Coffeelover Hallo die Z-Werte passen alle.
Hab das Problem schon gefunden. Ich habe bisher meine VIS mit den JQUI Elementen erstellt und jetzt bin auch auf das Materialdesign gestoßen. Anscheinend sind diese beiden nicht immer kompatible, denn wenn ich den "MD -Dialog View" verwende funktioniert es jedoch mit "jqui-container-HTML-View" hab ich das oben beschriebene Problem.

Das stimmt nicht, das ist ein reines Problem des z-index.
Entweder beim Select Widget den z-index leer lassen oder einen Wert > 998 eintragen.

Edit: verschoben, da Frage Select Widget betrifft

[darkiop]

@Scrounger Hast du das Select Widget (Werteliste) auch als Nummer auf der Liste oder kann ich mir da auch irgendwie selbst behelfen?

[Scrounger]

@darkiop
Was genau meinst du mit Werteliste? Ein Datenpunkt der eine werteliste hat? Wenn ja das ist bereits implementiert.
Muss unter Daten des Menü ausgewählt werden.

[darkiop]

@Scrounger Dass das Select Widget Optional auch den Typ 'number' schicken kann. Aktuell schickts das nur 'string' an den DP.

[Scrounger]

@darkiop
Mhhh dachte das hätte ich bereits gefixt, schau ich mir an. Erstell bitte nen issued auf git.

[saeft_2003]

@Scrounger

ich habe folgendes Problem und zwar wenn ich einen view mit dem select widget in einem dialog Fenster öffne und dann auf Auswahl im select widget drücke, erscheint die Auswahl unsichtbar hinter dem dialog Fenster. Erst wenn ich das dialog Fenster schließe kann ich eine Auswahl treffen.

Ich würde das select widget sehr gerne nutzen, aber so macht es nur wenig Sinn.

@all

Kennt ihr das Problem, habt ihr vielleicht eine Lösung?

Edit: Sorry, habe gerade gelesen das es wohl ein reines Z-Index Problem sein muss...

[Conquest]

@Scrounger

Hätte mal eine Frage zum Select-Widget. Bei deinem Select-Widget ist es so das in der Werteliste die Werte mit einem Komma getrennt werden bei den Standard Select Widget allerdings per Semikolon hat das einen bestimmten Grund das du einen anderen Weg genommen hast? Dadurch sind einige Objekte nicht kompatibel mit deinem Widget. Könnte man das noch ändern?

[Scrounger]

@Conquest
Nein das hat keinen bestimmten Grund.
Welche Objekte sind denn z.B. nicht kompatibel?

Schreib bitte nen issue dazu auf git, dann bau ich es ein.

[Conquest]

@Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

@Conquest
Nein das hat keinen bestimmten Grund.
Welche Objekte sind denn z.B. nicht kompatibel?

Schreib bitte nen issue dazu auf git, dann bau ich es ein.

z.b beim Script von @Pittini für den Heatingcontroll Adapter werden Werte angelegt welche mit Semikolon getrennt werden oder bei meinem Sonos Script für die Favoritenliste gibt mit Sicherheit noch mehr.
Glaube ein paar Kommentare vorher hatte schon mal jemand das gleiche Problem @seppel786 .
Werde am Montag die Issue anlegen. Danke das du es einbaust hilft mir sehr.

Gruß

[Pittini]

@Conquest sagte in Material Design Widgets: Input, Select, Autocompl.:

z.b beim Script von @Pittini für den Heatingcontroll Adapter werden Werte angelegt welche mit Semikolon getrennt werden oder bei meinem Sonos Script für die Favoritenliste gibt mit Sicherheit noch mehr.

Das sind Vorgabewerte für Vis ValueLists, die müssen halt mit Semikolon getrennt werden. Denk dass es das recht häufig geben dürfte.

[Conquest]

@Pittini sagte in Material Design Widgets: Input, Select, Autocompl.:

@Conquest sagte in Material Design Widgets: Input, Select, Autocompl.:

z.b beim Script von @Pittini für den Heatingcontroll Adapter werden Werte angelegt welche mit Semikolon getrennt werden oder bei meinem Sonos Script für die Favoritenliste gibt mit Sicherheit noch mehr.

Das sind Vorgabewerte für Vis ValueLists, die müssen halt mit Semikolon getrennt werden. Denk dass es das recht häufig geben dürfte.

Ja ich weiß sollte auch keine Kritik an dir sein.
Deswegen hätte ich es ja gerne in den Material Design Widgets gefixt das ich dein Script nutzen kann.

[Conquest]

@Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

@Conquest
Nein das hat keinen bestimmten Grund.
Welche Objekte sind denn z.B. nicht kompatibel?

Schreib bitte nen issue dazu auf git, dann bau ich es ein.

Issue hab ich angelegt:

https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/76

Danke schon mal.

Starcon79 created this issue in Scrounger/ioBroker.vis-materialdesign

closed Semikolon als Trennzeichen im Select-Widget erlauben #76

[Scrounger]

@Conquest:

@Pittini sagte in Material Design Widgets: Input, Select, Autocompl.:

Das sind Vorgabewerte für Vis ValueLists, die müssen halt mit Semikolon getrennt werden. Denk dass es das recht häufig geben dürfte.

Ok, da das Standard ist werde ich das von , auf ; umstellen.

[Conquest]

@Scrounger
Super danke dir

[0018]

Hallo,

ist es möglich das man beim Input - Time Widget die Zeitangabe zentriert im Button darstellen kann?

alt:

neu:

[etv]

@Scrounger

noch mal zum Input Widget und mask....

Was trage ich bei der Mask ein wenn ich nur Buchstaben große und klein haben möchte? Ich bekomm's nicht zusammen.....

Wenn ich nur große eingebe, kann ich nur große tippen, bei Kleinen nur kleine....ich möchte aber beide zulassen...

Liebe Grüße
Tom

[0018]

@0018 sagte in Material Design Widgets: Input, Select, Autocompl.:

Hallo,

ist es möglich das man beim Input - Time Widget die Zeitangabe zentriert im Button darstellen kann?

alt:

neu:

@Scrounger hast du evtl einen Tip für mich?

[Scrounger]

@0018
Unter CSS Test auf zentrieren stellen

@etv sagte in Material Design Widgets: Input, Select, Autocompl.:

Was trage ich bei der Mask ein wenn ich nur Buchstaben große und klein haben möchte? Ich bekomm's nicht zusammen.....

Hier ist dokumentiert, welche Mask zulässig sind:
https://vuejs-tips.github.io/vue-the-mask/

Muss ich mal noch mit in die Doku aufnehmen

[0018]

@Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

@0018
Unter CSS Test auf zentrieren stellen

Wenn du im Reiter "CSS Font & Text" unter CSS "text-align = center" meinst, funktioniert es leider nicht.

Hier mein Widget:

Spoiler

[{"tpl":"tplVis-materialdesign-Input","data":{"oid":"javascript.0.Rolladen.Bad.Timer.Hoch_Uhrzeit_WE","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputType":"time","inputLayout":"outlined-rounded","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"inputMaxLength":"","inputMask":"","inputLayoutBackgroundColor":"#37474F","inputLayoutBackgroundColorHover":"","inputLayoutBorderColor":"#63a4ff","inputLayoutBorderColorHover":"#FFCA28","inputTextColor":"#ffffff","inputLabelText":"","inputMessage":"","inputLayoutBorderColorSelected":""},"style":{"left":"300px","top":"130px","width":"120px","height":"40px","z-index":"10","text-align":"center"},"widgetSet":"materialdesign"}]

[Scrounger]

@0018 #
Dann geht es nur mit css klasse überschreiben.
Alternativ kannst auch nen Issue auf github erstellen, dann bau ich die funktion mal in den editor ein.