Ist dies möglich?!

fischi87

Hallo Gemeinde,

ich habe zurzeit sehr viele fragen bezüglich vis da ich zurzeit an meiner persönlich vis arbeite :D

ich habe dieses widget um einen kreis einzublenden:

[{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"","title_top":"-10","title_left":"15","header_height":"0","header_color":"","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,"title_font":"","title_back":"","class":"main_ring","filterkey":"Main"},"style":{"left":"794","top":"50","border-width":"2px","border-radius":"300px","border-style":"solid","border-color":"#ffffff","width":"200px","height":"200px","box-shadow":"0px 0px 10px 1px #ffffff"},"widgetSet":"basic"}]

nun möchte ich, die status scripts, Fenster, lichter etc. in die kreise einfügen d.h. ich hätte gerne ein symbol in der Mitte, was jetzt nicht das ding ist. was ich aber zusätzlich möchte und jetzt meine frage, ich möchte die border farbe ändern sobald ein script z.b. servicmeldung 1 ist also sozusagen aktiv von mir aus rot und inaktiv halt grün. ich hoffe ich konnte mich verständlich ausdrücken.

danke euch

Mit freundlichen Grüßen Axel

Brati

Hallo,

ein Screenshot wäre besser, hab keine Lust das erst im vis edit zu importieren. Was du vorhast, kannst du auf 2 Wegen lösen:

1. Du legst 2 mal das gleiche Widget übereinander (grüner/ toter) Rahmen und zeigst in Abhängigkeit deines Status an (siehe Sichtbarkeit).

2. du fügst unter Border Color ein:

{v:javascript.0.Status.xxx.xxx; (v>0) ? "red" : ""}

Grüße

Brati

fischi87

` > 2. du fügst unter Border Color ein:

{v:javascript.0.Status.xxx.xxx; (v>0) ? "red" : ""}

Grüße

Brati `

Guten Morgen brati,

Wo füg ich dies ein? Direkt bei dem Widget In den css Einstellungen oder im Reiter script?

Danke für deine Antwort, werde es mir merken mit dem Screenshot <emoji seq="1f609">😉</emoji>

Grüße Axel

Brati

In der Config des Script auf der rechten Seite CSS Ränder (border…) oder wo auch immer du das brauchst. Klappt auch bei Background usw...

Grüße

Brati

fischi87

sorry aber ich kann dir nicht ganz folgen, wenn ich den Befehl von dir bei border ein schreibe passiert garnichts?! anscheinend versteh ich dies noch nicht so richtig

grüße

Brati

Wie schreibst du ihn denn rein? Den State musst du natürlich auf deinen Bedarf anpassen. Im Beispiel wird der Rahmen rot, wenn der ausgewählte State größer "0" ist.

fischi87

ja klar passe ich den state natürlich an aber genau in der gleichen spalte wie du hab ich dies drin stehen aber da passiert nix. wenn ich das im Reiter css rein schreibe, kommt auch ein error an der Seite (rotes kreuz) "unknown property v"

RappiRN

In den <u>Reiter</u> CSS gehört das nicht rein!

Zeig doch mal bitte deinen Datenpunkt, von dem die Farbe abhängen soll, welche Werte kann der annehmen?

Und dann zeig mal bitte auch, wo genau im Widget du den Eintrag probiert hast!

Bratis Beispiel hat aber nicht die Randfarbe sondern die Hintergrundfarbe und den Schatten verändert!

Enrico

fischi87

~~@RappiRN:~~

In den <u>Reiter</u> CSS gehört das nicht rein!

Zeig doch mal bitte deinen Datenpunkt, von dem die Farbe abhängen soll, welche Werte kann der annehmen?

Und dann zeig mal bitte auch, wo genau im Widget du den Eintrag probiert hast!

Bratis Beispiel hat aber nicht die Randfarbe sondern die Hintergrundfarbe und den Schatten verändert!

Enrico `

hab es sowohl in background als auch bei box-shadow versucht oder auch bei color

okay ich füg mal paar Bilder ein:
909_bildschirmfoto_2018-09-11_um_22.51.13.png
909_bildschirmfoto_2018-09-11_um_22.50.00.png

RappiRN

Und dann bitte noch den genauen Text, den du eingetragen hast!

Enrico

fischi87

~~@RappiRN:~~

Und dann bitte noch den genauen Text, den du eingetragen hast!

Enrico `

{v:javascript.0.Status.Lichter.Anzahl_ein; (v>0) ? "red" : ""}

ich habe zusätzlich noch einen Daten Punkt wie die siehst in diesem script was auf true gesetzt wird wenn min ein licht an ist, vielleicht kann man auch diesen verwenden?

RappiRN

Ich werde mir das heute Abend nochmal genauer ansehen, wenn nicht irgendjemand schneller ist. True/false kannst du auch abfragen.

Enrico

Homoran

Und wenn sich der Rahmen ändern soll bitte bei Border und nichtnbei Background eintragen.

3

fischi87

~~@Homoran:~~

Und wenn sich der Rahmen ändern soll bitte bei Border und nichtnbei Background eintragen.

3 `

Ich hab border auf „none“ also ich hab nur den shadow drin. Dieser geändert werden soll.

Danke

fischi87

~~@RappiRN:~~

Ich werde mir das heute Abend nochmal genauer ansehen, wenn nicht irgendjemand schneller ist. True/false kannst du auch abfragen.

Enrico `

Das wäre nett, danke dir

RappiRN

~~@fischi87:~~

Ich hab border auf „none“ also ich hab nur den shadow drin. Dieser geändert werden soll. `

Willst du die Schattenfarbe ändern? Da müssen mehr Werte eingetragen werden als nur die Farbe z.B. 5px 5px 5px! Das wäre dann ein rechtschmaler Schatten. Ich glaube, die Farbe kann dazu auch noch angegeben werden, muss aber nicht, nur die Farbe geht glaub ich nicht!

Hiermal ein Beispiel mit einem Datenpunkt als Farbe:

{a:hm-rega.0.1404; a ==="true" ? "#2EFE2E" : "#ffff00"}

Dieses Objekt hat entweder true oder false und schaltet zwischen einem Gelb und einem Grünton um.

Enrico

fischi87

~~@RappiRN:~~

~~@fischi87:~~

Ich hab border auf „none“ also ich hab nur den shadow drin. Dieser geändert werden soll. `

Willst du die Schattenfarbe ändern? Da müssen mehr Werte eingetragen werden als nur die Farbe z.B. 5px 5px 5px! Das wäre dann ein rechtschmaler Schatten. Ich glaube, die Farbe kann dazu auch noch angegeben werden, muss aber nicht, nur die Farbe geht glaub ich nicht!

Hiermal ein Beispiel mit einem Datenpunkt als Farbe:

{a:hm-rega.0.1404; a ==="true" ? "#2EFE2E" : "#ffff00"}

Dieses Objekt hat entweder true oder false und schaltet zwischen einem Gelb und einem Grünton um.

Enrico `

läuft, jetzt kann ich das anpassen danke dir wie sau!!!!

wofür steht das "a" bzw das "v"?

RappiRN

~~@fischi87:~~

wofür steht das "a" bzw das "v"? `

Das ist "nur" eine Variable innerhalb dieser Angabe, es kann wohl jeder Buchstabe genommen werden, irgendwie kann man auch ein bisschen rechnen, also direkt auf zwei Objekte reagieren, da gibts aber noch mehr Abhängigkeiten, die ich leider nicht kenne.

Enrico

fischi87

~~@RappiRN:~~

~~@fischi87:~~

wofür steht das "a" bzw das "v"? `

Das ist "nur" eine Variable innerhalb dieser Angabe, es kann wohl jeder Buchstabe genommen werden, irgendwie kann man auch ein bisschen rechnen, also direkt auf zwei Objekte reagieren, da gibts aber noch mehr Abhängigkeiten, die ich leider nicht kenne.

Enrico `

okay alles klar, danke dir trotzdem!!!

kann man sowas irgendwo nachlesen, gibt es da eine doku oder woher weiß man solche Sachen?

Community Forum

NEWS

Ist dies möglich?!

Support us

635

32.7k

82.4k

1.3m