Feldnamen in Kalender und Events

[Thias]

Hallo,

für das Einbetten von Kalendern in eine Homepage macht es Sinn die Formatierung anzupassen. Das funktioniert im CSS unter admin/Module/Kalender in der CSS-Box auch recht gut.
Um dort Befehle eingeben zu können, braucht man aber die Feldnamen. Ein paar habe ich herausbekommen, aber nicht alle.

Ich liste mal die relevanten Felder auf und es wäre schön, wenn es jemand ergänzen könnte

Kalender:

Bezeichnung: Titel
Feldname: event-name event-title
Beispiel CSS: p.event-date span.event-name span.event-title {
color: #83BBDF;
font-size: 20px;
text-align: center;
}

Bezeichnung: Datum im Kalender (Startzeit/Endzeit)
Feldname: date-date
Beispiel CSS: p.event-date span.date-date {
font-size: 20px;
color: #0563ae;
}

Bezeichnung: Uhrzeit im Kalender (Startzeit/Endzeit)
Feldname: date-time
Beispiel CSS: p.event-date span.date-time {
font-size: 14px;
color: #0563ae;
}

Bezeichnung: Bemerkung
Feldname: ?
Beispiel CSS: ?

Bezeichnung: weitere Infos
Feldname: event-description
Beispiel CSS: p.event-date span.event-description {
font-family:'Arial';
color: #83bbdf;
font-size: 12px;
}

Event:

Bezeichnung: weitere Infos Das Feld ist nicht mit dem aus dem Kalender identisch
Feldname: ?
Beispiel CSS: ?

Bezeichnung: Event Admin
Feldname: ?
Beispiel CSS: ?

Bezeichnung: Service -Prediger
Feldname: ?
Beispiel CSS: ?}

Bezeichnung: Ressourcen
Feldname: event-resources
Beispiel CSS: p.event-date span.event-resources {
display:none
}
Damit lassen sich die Ressourcen ausblenden

Diese CSS Anweisungen funktionieren bei mir auch soweit.

Würde mich freuen, wenn hier ein weiterer Austausch zum CSS für den Kalender stattfinden kann und noch jemand die Lücken schließen kann.

Grüße
Thias

[Andy]

@Thias sagte in Feldnamen in Kalender und Events:

Ein paar habe ich herausbekommen

Das, was geht, steht in der Hilfe:
https://intern.church.tools/?q=help#WikiView/filterWikicategory_id:0/doc:ChurchCal einbetten/

[Thias]

Ja, vielen Dank, das sind diese:

Weitere Optionen sind
event-author = Ersteller des Termins
event-title = Termin Bezeichnung
event-description = Weiter Infos zum Event
event-resources = zugehörige Ressourcen
event-category = Name des Kalenders
event-comment = Kommentare zum Event

Eigentlich sollte aber doch jedes Feld in der Kalender-Schnittstelle einen Namen haben.

So erscheint im exportierten Kalender auf der Homepage standardmüßig hinter dem Titel ein Text in Klammern.
Bei der Eingabe in CT-Kalender hat es den Namen "Bemerkung" (in der Ansicht "Kommentar")
Das Feld event-comment scheint es aber nicht zu sein, es reagiert nicht auf Änderungen. Was ist das für eine CT-Eingabe?

[Thias]

Hallo, bisher hat das mit den Events auf der Homepage gut geklappt.
Seit kurzer Zeit wurde aber irgend etwas geändert und es erscheint ein weißer Hintergrund. Das passt nun gar nicht mehr zum Design der Homepage.
Hat jemand Ahnung, wie man in den CSS Export für das Einbetten des Kalenders unter admin/Module/Kalender die Hintergrundfarbe ändert?

[Thias]

Ich habe zwar einen body Befehl drin (blau), aber der scheint mit weiß überschrieben zu werden.
body {
font-family:'Arial';
color: #00466E;
font-size: 14px;
}

[jziegeler]

@Thias theoretisch richtig, allerdings ist color die Schriftfarbe, du musst background: #00466E setzen. Ich dachte den Fehler hätte ich bereits behoben, scheinbar doch nicht ich schau es mir an

[Thias]

ok, vielen Dank das mit background hat schon mal geklappt.

Es scheinen aber ein paar andere Dinge nicht zu gehen:

Wenn ich in den anderen Feldern versuche eine Schrift zu ändern (Größe oder Farbe), klappt das nicht.
Gibt es irgendwo die genauen Feldbezeichnungen? Ich will z.B die Ressourcen nicht darstellen, aber da ändert sich nichts.

body {
background: #00466E;
font-family:'Arial';
color: #83BBDF;
font-size: 16px;
}
p.event-date span.event-name span.event-title {
font-family:'Arial';
color: #83BBDF;
font-size: 20px;
}
p.event-date span.date-date {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
p.event-date span.date-time {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
p.event-date span.event-servicetext {
display:none
}
p.event-date span.event-author {
display:none
}
p.event-date span.event-resources {
display:none
}
p.event-date span.event-category {
display:none
}
p.event-date span.event-description {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
p.event-date span. event-comment{
font-family:'Arial';
color: #B6E0FA;
font-size: 12px;
}

[jziegeler]

das p vorne muss überall weg

[Thias]

... das hat leider nichts gendert.

[jziegeler]

@Thias das ist jetzt halt ein bisschen raten. Es könnte das fehlende Semikolon sein, bei comment ist ein Leerzeichen zu viel...

[Thias]

Egal welche Schriftgrößen oder Farben ich in den Zeilen angebe, es hat sich nichts geändert.
Offensichtlich wirkt nur dieser body Befehl, der ändert den Hintergrund und die Schrift

body {
background: #00466E;
font-family:'Arial';
color: #83BBDF;
font-size: 16px;
}
event-date span.event-name span.event-title {
font-family: 'Arial';
color: #83BBDF;
font-size: 20px;
}
event-date span.date-date {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
event-date span.date-time {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
event-date span.event-servicetext {
display:none;
}
event-date span.event-author {
display:none;
}
event-date span.event-resources {
display:none;
}
event-date span.event-category {
display:none;
}
event-date span.event-description {
font-family:'Arial';
color: #b6e0fa;
font-size: 12px;
}
event-date span.event-comment {
font-family:'Arial';
color: #B6E0FA;
font-size: 12px;
}*

[jziegeler]

@Thias der punkt sollte schon bleiben, ich sagt nur das p entfernen

[Thias]

hm, es passiert aber trotzdem nichts
Es wird nur Größe un Farbe vom body übernommen, event name
sollte größer und gelb sein, macht er aber nicht

body {
background: #00466E;
font-family:'Arial';
color: #83BBDF;
font-size: 14px;
}
.event-date span.event-name span.event-title {
font-family:'Arial';
color: #FFC832;
font-size: 24px;
}

[jziegeler]

@Thias du verschachtelst das CSS halt auch nicht richtig ...