• Aktuell
    • Tags
    • Beliebt
    • Benutzer
    • Gruppen
    • Suche
    • Registrieren
    • Anmelden

    Feldnamen in Kalender und Events

    Fragen
    3
    14
    621
    Lade mehr Beiträge
    • Älteste zuerst
    • Neuste zuerst
    • Meiste Stimmen
    Antworten
    • In einem neuen Thema antworten
    Anmelden zum Antworten
    Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
    • T
      Thias
      zuletzt editiert von

      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

      AndyA 1 Antwort Letzte Antwort Antworten Zitieren 1
      • AndyA
        Andy admin @Thias
        zuletzt editiert von

        @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/

        1 Antwort Letzte Antwort Antworten Zitieren 0
        • T
          Thias
          zuletzt editiert von

          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?

          1 Antwort Letzte Antwort Antworten Zitieren 0
          • T
            Thias
            zuletzt editiert von

            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?

            1 Antwort Letzte Antwort Antworten Zitieren 0
            • T
              Thias
              zuletzt editiert von

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

              jziegelerJ 1 Antwort Letzte Antwort Antworten Zitieren 0
              • jziegelerJ
                jziegeler ChurchToolsMitarbeiter @Thias
                zuletzt editiert von

                @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

                1 Antwort Letzte Antwort Antworten Zitieren 0
                • T
                  Thias
                  zuletzt editiert von

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

                  1 Antwort Letzte Antwort Antworten Zitieren 0
                  • jziegelerJ
                    jziegeler ChurchToolsMitarbeiter
                    zuletzt editiert von

                    das p vorne muss überall weg

                    1 Antwort Letzte Antwort Antworten Zitieren 0
                    • T
                      Thias
                      zuletzt editiert von

                      ... das hat leider nichts gendert.

                      jziegelerJ 1 Antwort Letzte Antwort Antworten Zitieren 0
                      • jziegelerJ
                        jziegeler ChurchToolsMitarbeiter @Thias
                        zuletzt editiert von

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

                        1 Antwort Letzte Antwort Antworten Zitieren 0
                        • T
                          Thias
                          zuletzt editiert von

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

                          jziegelerJ 1 Antwort Letzte Antwort Antworten Zitieren 0
                          • jziegelerJ
                            jziegeler ChurchToolsMitarbeiter @Thias
                            zuletzt editiert von

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

                            1 Antwort Letzte Antwort Antworten Zitieren 0
                            • T
                              Thias
                              zuletzt editiert von

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

                              jziegelerJ 1 Antwort Letzte Antwort Antworten Zitieren 0
                              • jziegelerJ
                                jziegeler ChurchToolsMitarbeiter @Thias
                                zuletzt editiert von

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

                                1 Antwort Letzte Antwort Antworten Zitieren 0
                                • Erster Beitrag
                                  Letzter Beitrag