iCal irgendwie verstehe ich das nicht

Homoran

@duffy Was iyt das für ein Widget?
Warum manipulierst du dort mit CSS

@duffy sagte in iCal irgendwie verstehe ich das nicht:

Wenn ich "float:left;" nehme ist es zwar an dem Datum aber leider ohne Leerzeichen.

Da ist doch ein Leerzeichen

Duffy

Es ist das Widget:

Es ist in der Doku beschrieben das man in Vis unter CSS die Farben für die Schrift ändern kann.
Deshalb habe ich da rumgefummelt. Farbe und so klappt ja auch aber halt nicht das Leerzeichen

Auszug aus der Doku:
Durch Anpassen der CSS im VIS können die Styles von heutigen (Standard rot) und morgigen Terminen (Standard Orange) festegelegt werden:

iCalWarn - Zeilenanfang Kalendereintrag heute

iCalPreWarn - Zeilenanfang Kalendereintrag morgen

```
iCalNormal - Zeilenende von heute
```
```
iCalNormal2 - Zeilenende von morgen
```

und dann sind da so Beispiele:

.icalWarn{
    color:red;
    float:left;
    font-size:12px;
    font-weight:bold;
}
.icalWarn2{
    color:white;
    float:right;
    font-size:12px;
    font-weight:normal;
}

Nun wollte ich halt bei dem oben gezeigten gelben Datum den weißen Terminnamen mit einem Leerzeichen neben das Datum bekommen.

Der untere Teil des Screenshots mit dem senkrecht nach oben zeigenden Pfeil (Favoriten sichern) soll nur zeigen wie ich es gerne hätte. (Habe das schlecht erklärt)

VG

Homoran

@duffy sagte in iCal irgendwie verstehe ich das nicht:

Der untere Teil des Screenshots mit dem senkrecht nach oben zeigenden Pfeil (Favoriten sichern) soll nur zeigen wie ich es gerne hätte. (Habe das schlecht erklärt)

Ja!
und wie kommt da das Leerzeichen hin?

@duffy sagte in iCal irgendwie verstehe ich das nicht:

das man in Vis unter CSS die Farben für die Schrift ändern kann.

Natürlich kann man!
Aber man kann auch alles in ical selber konfigurieren, ganz ohne CSS Kenntnisse.

Wenn du sowieso mit CSS arbeitest, müsstest du doch auch eine margin eingeben können
Das müsste aber auch bei align left einzustellen sein.

Duffy

@homoran

Ich habe doch von css auch keine Ahnung war nur ein Versuch da es in der Doku beschrieben war.

Lieber wäre es mir auch wenn ich es in ical hinbekommen würde allein ich kann nur erahnen wie.

Ich denke über den Datenpunkt in den Objekten „trigger“ aber da weis ich halt auch nicht wie.

Wie wäre den der Befehl um die Farbe des heutigen Tages von Rot auf z.B gelb zu ändern?
(Bei rot auf blauem Grund bekommt man ja Augenkrebs)

Ich will auch nichts verbiegen indem ich im Datenpunkt trigger rumfummle.

Also für einem Leien ist die Doku etwas unglücklich.

Homoran

@duffy sagte in iCal irgendwie verstehe ich das nicht:

Ich denke über den Datenpunkt in den Objekten „trigger“ aber da weis ich halt auch nicht wie.
Wie wäre den der Befeh

nix Befehl.
ich fürchte da hat dich die Doku in die Irre geführt.

Die Farbeinstellungen sind in der Instanzen Konfiguration

Homoran

@duffy sagte in iCal irgendwie verstehe ich das nicht:

Also für einem Leien ist die Doku etwas unglücklich.

ich hab ewig nichts nehr mit ical gemacht.
Die Doku scheint für ccu.io, dem Vorläufer von ioBroker zu sein.

Demnach soll man die Farben per CSS einstellen, wenn man mit sen vorgegebenen Farben (rot für heute, orange für morgen und weiß für den Rest) nicht zufrieden ist.

haselchen

@duffy

Behalte die Farben wie @Homoran sie vorschlägt.
Besser geht es nicht.
Weiss=normal
Orange= 1 Tag vorher
rot=aktueller Tag

Einstellungen für den Abfallkalender

In der VIS

Widget basic string unescaped

Edit:

orange und rot kommen automatisch....das weiss kannst du ändern. Ich hab grün genommen. Passt gut zu dem Untergrund.

bahnuhr

@Duffy
Hier mal ein Script für alle möglichen Einstellungen.
https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2?page=1

Musst du aber ein bisschen js können.

Bei mir sieht es in der VIS dann so aus:

Duffy

Zunächst einmal Danke an Euch alle die geschrieben haben.

@homoran sagte in iCal irgendwie verstehe ich das nicht:

Die Farbeinstellungen sind in der Instanzen Konfiguration

Aber da kann ich das rot ja nach meinen bisherigen Versuchen nicht ändern.

@haselchen sagte in iCal irgendwie verstehe ich das nicht:

Behalte die Farben wie @Homoran sie vorschlägt.
Besser geht es nicht.
Weiss=normal
Orange= 1 Tag vorher
rot=aktueller Tag

Vermutlich muss ich mich damit abfinden wenn ich keine andre Möglichkeit finde als die, die von bahnuhr vrgeschlagen wird.

@bahnuhr sagte in iCal irgendwie verstehe ich das nicht:

Hier mal ein Script für alle möglichen Einstellungen.
https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2?page=1
Musst du aber ein bisschen js können.
Bei mir sieht es in der VIS dann so aus:

Sieht total super aus allerings bin ich nicht nur bei HTML eine Lusche sondern auch bei js.
(Eigentlich kann ich nichts ausser vielleicht vorlagen abzutippen und vielleicht die Farben zu ändern z.B. blue -> red

@bahnuhr wieviele Scripte sind einzufügen das es so wie bei dir ausehen kann?
Da ist ja die Rede von einem Skript für die Farben und ein Globales skript?

Das globale Script muss unter js in den Globalen Ordner und das andere?

Ich möchte euch aber auch nicht zu sehr nerven im Zweifelsfall bleibt einfach das "Augenkrebsrot"

VG Duffy

bahnuhr

@duffy
try and error
also einfach ausprobieren.

Und wenns nicht klappt, dann alles zurück und es bleibt bei rot.

Duffy

@bahnuhr

Das hört sich schon mal nicht ganz schlecht an.
Verrätst du mir aber noch wo das Skript rein muss?

@bahnuhr sagte in ical Kalender Farben anpassen?:

Anbei ein kleines Script was ich auch aus dem Forum habe und dann geändert und angepasst habe.
Dort kannst du sowas ändern.

Das Globale muss ja nach global:

VG Duffy

liv-in-sky

für die reine anzeige des ical calenders in der vis ginge auch dieses script

https://forum.iobroker.net/post/553690

Duffy

@liv-in-sky

Danke für den Tip. Aber wo muss ich das Skript rein kopieren? Auch in Global?

haselchen

@duffy

Steht doch alles in dem Thread?!

https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2?page=1

Ich frage mich immer noch, warum Du es für Dich kompliziert machen willst.

Duffy

@haselchen sagte in iCal irgendwie verstehe ich das nicht:

Steht doch alles in dem Thread?!
https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2?page=1

Aber leider weis ich auch nicht wie man, wie in dem Thread beschrieben ein Script speichert, "wie jedes andere Script auch"

Zitat:
"Nein; das Script musst du speichern wie jedes andere Script auch." ?????

Ich habe es mit meinem Kalender auch mal so versucht wie von dir per Screenshot dargestellt aber die Fareben haben sich nicht geändert.

@haselchen sagte in iCal irgendwie verstehe ich das nicht:

Ich frage mich immer noch, warum Du es für Dich kompliziert machen willst.

Weil ich es ja einfach auch nicht bringe
Aber wie gesagt sonst bleibts halt Augenkrebsrot. Schade das es so kompliziert ist.

Euch allen einen schönen Freitag Abend.

VG Duffy

haselchen

@duffy

So übernommen wie ich es gepostet habe?
Dann muss es woanders haken.
Das sind die Einstellungen des Adapters.

Duffy

@haselchen

Ich werde es morgen noch einmal machen und hier zeigen.
Mein ical Adapter scheint mir auch minnimal anders auszusehen aber wie gesagt das mache ich morgen oder am WE.

Homoran

@duffy sagte in iCal irgendwie verstehe ich das nicht:

Vermutlich muss ich mich damit abfinden wenn ich keine andre Möglichkeit finde als die, die von bahnuhr vrgeschlagen wird.

siehe Doku!

CSS-Beispiel für diese CSS-Klassen, um die Ausgabe etwas anders zu formatieren (z. B. Datum / Uhrzeit links + fett und Ereignisname rechts …):

.icalWarn{
    color:red;
    float:left;
    font-size:12px;
    font-weight:bold;
}
.icalWarn2{
    color:white;
    float:right;
    font-size:12px;
    font-weight:normal;
}
.icalPreWarn{
    color:yellow;
    float:left;
    font-size:12px;
    font-weight:bold;
}
.icalPreWarn2{
    color:white;
    float:right;
    font-size:12px;
    font-weight:normal;
}
.icalPrePreWarn{
    color:white;
    float:left;
    font-size:12px;
    font-weight:bold;
}
.icalPrePreWarn2{
    color:white;
    float:right;
    font-size:12px;
    font-weight:normal;
}
.icalNormal{
    color:green;
    float:left;
    font-size:12px;
    font-weight:bold;
}
.icalNormal2{
    color:white;
    float:right;
    font-size:12px;
    font-weight:normal;
}

Duffy

@homoran

Hi homoran,

Jetzt schliesst sich der Kreis. Das waren die Befehle die ich in CSS eingegeben hatte aber dann kein Leerzeichen mehr zwischen dem Datum und dem Terminnamen waren.

@duffy sagte in iCal irgendwie verstehe ich das nicht:

@Homoran

zefix, und schon hänge ich:

Wie bekomme ich ein Leerzeichen zwischen das Datum und den Terminnamen?
Wenn ich "float:left;" nehme ist es zwar an dem Datum aber leider ohne Leerzeichen.

Hast da jemand einen Tip für mich?

Gruß Duffy

Ich müsste nur ein Leerzeichen rein bekommen und der Kalender wäre auch ohne skripte „gerettet“

Viele Grüße

liv-in-sky

@duffy sagte in iCal irgendwie verstehe ich das nicht:

@liv-in-sky

Danke für den Tip. Aber wo muss ich das Skript rein kopieren? Auch in Global?

auf keinen fall in global - das ist nur selten der fall - bringt immer wieder probleme, wenn die scripte in global sind

NEWS

iCal irgendwie verstehe ich das nicht

Support us

971
Online

31.7k
Users

79.9k
Topics

1.3m
Posts

NEWS

iCal irgendwie verstehe ich das nicht

Support us

971Online

31.7kUsers

79.9kTopics

1.3mPosts

971
Online

31.7k
Users

79.9k
Topics

1.3m
Posts