Hi zusammen,
gibt es bereits eine Lösung für den Kalender, damit dieser auf einem Smartphone nicht abgeschnitten und vollständig angezeigt wird.
Druckbare Version
Hi zusammen,
gibt es bereits eine Lösung für den Kalender, damit dieser auf einem Smartphone nicht abgeschnitten und vollständig angezeigt wird.
Ja. Per CSS.Zitat:
Zitat von monaco
Zu sehen z.B. hier: https://www.folkfreun.de/kalender.html ;)
Zum Beispiel damit:
Code:.mod_calendar {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
Hallo,
ich habe mich durch die Seiteinspirieren lassen, ein eigenes responsives Kalendertemplete auf Basis von Bootstrap 4 (https://im-coder.com/7-gleiche-spalt...bootstrap.html) zu entwickeln. Dieses funktioniert auch schon ganz gut!Zitat:
Aber, kann mir jemand sagen, wie man für die mobile Ansicht, die Wochentage dem richtigen Datum zuordnen kann?
Anhang 21704
Hallo swinde, dein Anhang funktioniert nicht.
Wo genau ist dein Problem?
Hallo folkfreund,
mir ist nicht klar wie ich im Template die Ausgabe machen soll, so das in der mobilen Ansicht der Wochentag und das dazugehörige Datum in einer Reihe ausgeben wird.
Ich meine die Stelle mit der Klasse wday, das "Fr 7." ausgegeben wird.
Vg Steffen Winde
Bei folkfreun.de gebe ich im Template für jeden Tag folgendes aus:
In der normalen Kalenderansicht wird der span mit dem Wochentag ausgeblendet.HTML-Code:<div class="header"><span class="wday"><?php echo $tag; ?></span><?php echo ' '.$day['label']; ?></div>
Genau die Stelle meine ich aber da fehlet noch so was für $tagPHP-Code:<?php foreach ($week as $day): ?>
Ah, sorry, das hatte ich falsch verstanden.
So sieht es bei mir aus:
PHP-Code:<div class="tbody">
<?php $di = 0; foreach ($this->weeks as $class=>$week): ?>
<div class="tr <?php echo $class; ?>">
<?php foreach ($week as $day): ?>
<div class="td <?php echo $day['class']; ?>">
<?php $di++; $tag = utf8_substr($this->days[$di %7]['name'], 0, $this->substr); ?>
<div class="header"><span class="wday"><?php echo $tag; ?></span><?php echo ' '.$day['label']; ?></div>
<?php foreach ($day['events'] as $event): ?>
... // event ausgeben
<?php endforeach; ?>
</div>
<?php endforeach; ?>
</div>
<?php endforeach; ?>
</div>
Funktioniert! Danke schön!
Hi, ist schon eine Zeit lang her ;-) aber gibt es eventuell einen Beispiellink wie das Ergebnis aussieht? Bin auch gerade dran einen Kalender responsive zu machen und es gibt irgenwie nicht viel!?Zitat:
Zitat von swinde
Danke!
Manroo
Willkommen im Forum!
Siehe oben #3: https://community.contao.org/de/show...l=1#post488633
Diese Anleitung hier hat mir sehr geholfen: https://www.pergamon-interactive.de/...verwalten.html