Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[noxx]

Hallo,

wie bekommt man ical in vis eingestellt, das das ganze etwas sauberer aussieht,

heisst Datum, Uhrzeit, Bezeichnung und Ort jeweils untereinander.

Im Moment gefällt mir das nicht.
2880_1.png

[Kueppert]

Hab das gleiche Problem aber keine Lösung… Wäre auch für eine Lösung dankbar

Gesendet von meinem HUAWEI RIO-L01 mit Tapatalk

[noxx]

@Kueppert:

Hab das gleiche Problem aber keine Lösung… Wäre auch für eine Lösung dankbar

Gesendet von meinem HUAWEI RIO-L01 mit Tapatalk `

Das einzige was ich nun hinbekommen habe, ist über CSS.

Wenn man eine Instanz (ical) hat, gehts ja halbweg, aber hat man mehrere

die dann auch noch unterschiedliche Grössen haben, wirds ne Katastrophe.

Die Uhrzeiten bekomme ich leider nicht über CSS geregelt. Datum und Uhrzeit

sind verkettet. :-(

Anbei ein Bild, Rechts einigermassen ok, Link "kaputt"

.icalPreWarn
{
float: left; width: 36em;
}

.icalPreWarn2
{
float: right; width: 20em; 
}

.icalNormal
{
float: left; width: 36em;
}

.icalNormal2
{
float: right; width: 20em; 
}

Besser wäre es, wenn man direkt im ical Adapter die CSS Einträge setzen könnte.
2880_1.png

[noxx]

Habe nun die HTML Farben aus dem Adapter abgehakt. Nun greift wohl

nur noch eine CSS Formatierung (.icalNormal) (Linke Seite, Datum und Uhrzeit):

(Titel - Rechte Seite - muss über das Widget formatiert werden)

.icalNormal
{
    float: left;
    width: 15em;
    color:white;
}

Die andere etwas zurechtgemogelt, naja. Besser als das Original :-)

Aber noch nicht perfekt.

@Bluefox

Wie ich schon schrieb, besser in den Adapter mit rein oder die CSS Einträge

abhängig von der Instanz.

Nicht .icalNormal, sondern zb .ical.0Normal, .ical.1Normal,….

Und nett wäre die Trennung von Datum und Uhrzeit.

Gruß
2880_1.png

[Koelner]

@noxx:

Habe nun die HTML Farben aus dem Adapter abgehakt. Nun greift wohl

nur noch eine CSS Formatierung (.icalNormal) (Linke Seite, Datum und Uhrzeit):

(Titel - Rechte Seite - muss über das Widget formatiert werden)

.icalNormal
{
    float: left;
    width: 15em;
    color:white;
}
```` `  

@Noxx

Wie hast du den Kalender so schön hinbekommen?

Meiner sieht so schlimm aus.

Habe versucht deinen Code zu nutzen aber mit:

.icalPreWarn2
{
float: right; width: 20em; 
}

Habe ich es gerade mal geschafft, dass der morgige Tag einen Abstand hat. So eine Überschrift "Terminkalender" wüsste ich auch nicht wie man die hinbekommt.
3853_cal.png

[tempestas]

Vielleicht spät aber besser als nie:

1. Die Überschrift ist wahrscheinlich einfach in ein Border Widget geschrieben, daher auch die dünnen Ränder

2. du hast ja auch nur ical PreWarn2 formatiert. Dann wird auch nur der Bereich formatiert. Guck malm, was noxx noch alles formatiert hat…

Die ical "Stufen sind:

icalWarn / icalWarn2 [Heute Datum und Uhrzeit | Heute Text]

icalPreWarn / icalPreWarn2 [Morgen Datum und Uhrzeit | Morgen Text]

icalPrePreWarn / icalPrePreWarn2 [Übermorgen Datum und Uhrzeit | Übermorgen Text]

icalNormal / icalNormal2 [alles danach Datum und Uhrzeit | alles danach Text ]