• Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Register
    • Login

    Feldnamen in Kalender und Events

    Fragen
    3
    14
    508
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      Thias
      last edited by

      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 Reply Last reply Reply Quote 1
      • AndyA
        Andy admin @Thias
        last edited by

        @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 Reply Last reply Reply Quote 0
        • T
          Thias
          last edited by

          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 Reply Last reply Reply Quote 0
          • T
            Thias
            last edited by

            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 Reply Last reply Reply Quote 0
            • T
              Thias
              last edited by

              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 Reply Last reply Reply Quote 0
              • jziegelerJ
                jziegeler ChurchToolsMitarbeiter @Thias
                last edited by

                @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 Reply Last reply Reply Quote 0
                • T
                  Thias
                  last edited by

                  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 Reply Last reply Reply Quote 0
                  • jziegelerJ
                    jziegeler ChurchToolsMitarbeiter
                    last edited by

                    das p vorne muss überall weg

                    1 Reply Last reply Reply Quote 0
                    • T
                      Thias
                      last edited by

                      ... das hat leider nichts gendert.

                      jziegelerJ 1 Reply Last reply Reply Quote 0
                      • jziegelerJ
                        jziegeler ChurchToolsMitarbeiter @Thias
                        last edited by

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

                        1 Reply Last reply Reply Quote 0
                        • T
                          Thias
                          last edited by

                          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 Reply Last reply Reply Quote 0
                          • jziegelerJ
                            jziegeler ChurchToolsMitarbeiter @Thias
                            last edited by

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

                            1 Reply Last reply Reply Quote 0
                            • T
                              Thias
                              last edited by

                              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 Reply Last reply Reply Quote 0
                              • jziegelerJ
                                jziegeler ChurchToolsMitarbeiter @Thias
                                last edited by

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

                                1 Reply Last reply Reply Quote 0
                                • First post
                                  Last post