Feldnamen in Kalender und Events



  • 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


  • admin



  • 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?



  • 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?



  • 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;
    }


  • ChurchToolsMitarbeiter

    @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



  • 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;
    }


  • ChurchToolsMitarbeiter

    das p vorne muss überall weg



  • ... das hat leider nichts gendert.


  • ChurchToolsMitarbeiter

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



  • 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;
    }*


  • ChurchToolsMitarbeiter

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



  • 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;
    }


  • ChurchToolsMitarbeiter

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


Log in to reply