Events: Eventliste mit Template event_upcoming anpassen

[glebo]

Ich hoffe, dass ich als Contao-Neuling zumindest alles richtig benenne:

Ich versuche, eine Eventliste zu bearbeiten: http://cms.kronberger-kulturkreis.de/programm.html

Da ich im Datumsformat den Wochentag bereits eingebaut habe, stört mich, dass er bei diesem Tool-Tip doppelt auftaucht: einmal von mir bestimmt, einmal von Contao. Außerdem hätte ich gern einen Doppelpunkt zwischen dem Datum und dem Titel des Events eingefügt. Bei beiden Schritten weiß ich leider nicht, wo ich dafür ansetzen muss - und meine Versuche mit Google und der Forensuche haben mich auch nicht weiter gebracht. Deshalb bin ich für jede Hilfe dankbar.

[John]

Hallo glebo,

ich denke bei Deinem Vorhaben, bleibt Dir nichts anderes übrig, als das gewählte Event-Template zu bearbeiten. Ich bin mir nicht sicher, aber es sieht aus als hättest DU das event_upcomming template in der Modul-Konfiguration gewählt.

Über Layout -> Templates - Lässt sich über Neues Template das gewünschte Template verändern. Hier müsstest Du :

if ($this->day): echo $this->day; ?>, <?php endif;

im Titel Attribut entfernen.


Greetings

John

[magicsepp]

wie schaut den dein template aus?
Mit folgender Änderung geht das....

<div class="event layout_upcoming<?php echo $this->classUpcoming; ?>">
  <span class="day"><?php echo $this->firstDay; ?>, </span> 
  <span class="date"><?php echo $this->date; ?>: </span>

Die Leerzeichen nach den Satzzeichen vor dem >/span> Tag werden übernommen.

[glebo]

Jetzt habe ich gleich von zweien lernen können: Ich weiß jetzt, wo ich diesen Tool-Tip bearbeiten kann, und wo ich Satzzeichen einfügen kann.
Dass ich nicht die html5-Datei, sondern die xhtml-Datei als Vorlage nehmen muss, habe ich auf die harte Tour, also mit „Wieso geht das nicht?“ gelernt.

[magicsepp]

Dass ich nicht die html5-Datei, sondern die xhtml-Datei als Vorlage nehmen muss, habe ich auf die harte Tour, also mit „Wieso geht das nicht?“ gelernt.

von html5 bzw xhtml war seither auch nicht die Rede;-)

[glebo]

Den Wochentag und das Datum getrennt zu haben, wäre schön, weil ich dann beiden ein eigenes Format zuweisen könnte: Den Wochentag kleiner, das Datum größer.

Nur: Funktioniert hat es bei mir wie geschrieben nicht. Kann ich was falsch gemacht haben, oder stimmt mit dem Code (rund um firstDay) noch etwas nicht? Vielen Dank schon mal für aufklärende Worte.

wie schaut den dein template aus?
Mit folgender Änderung geht das....

<div class="event layout_upcoming<?php echo $this->classUpcoming; ?>">
  <span class="day"><?php echo $this->firstDay; ?>, </span> 
  <span class="date"><?php echo $this->date; ?>: </span>

Die Leerzeichen nach den Satzzeichen vor dem >/span> Tag werden übernommen.

[magicsepp]

Das sollte auch kein Problem sein,

im CSS zum Beispiel

.day { font-size: 75%;}
.date { font-size: 120%;}

[glebo]

Oh, mein Fehler. Die Frage war nicht, wie ich per CSS Schriftgrößen anpasse (das kriege ich hin), sondern warum die beiden Zeilen mit dem span class nicht funktionieren könnten. Die Zeile mit dem firstDay tut bei mir nichts.

UPDATE: Wenn ich die erste Zeile ergänze:

  <span class="day" style="display:block;"><?php echo $this->firstDay; ?>, </span>

,

taucht der Wochentag auf. Ohne die style-Angabe aber nicht. Zufallsfund und verwirrend.

[magicsepp]

Hallo glebo,

der <span> ist ein inline Element, damit nicht eine neue Zeile begonnen wird, sondern das Datum in einer Zeile steht.
In deinem CSS wird die Anzeige ausgeblendet mit...

#main .day {
    display: none;
}

Den Effekt Wochentag-neue Zeile könnte man auch erzeugen wenn man span mit div austauscht.

Ausserdem sind die css Anweisung besser im CSS aufgehoben, dieser Inline Stil macht die zukünftige Seitenpflege m. E. extrem schwierrig.

[glebo]

Und wenn ich Zusätzliches in den span-Teil einbaue, taucht der Wochentag wieder auf – kapiert.

Ich bin gerade am Frickeln, deshalb CSS (derzeit und noch) inline. Soll aber alles ausgegliedert werden.

Vielen Dank für aufklärende Worte!

[magicsepp]

Glebo,

das auftauchen liegt an der Spezifität, die bei inline-CSS am höchsten ist. Bei der Seite wird dann dsiplay:none mit display:block überschrieben.

[glebo]

Genau.