Contao-Camp 2024
Ergebnis 1 bis 14 von 14

Thema: Kalender responsive machen

  1. #1
    Contao-Fan
    Registriert seit
    03.04.2012.
    Beiträge
    747

    Standard Kalender responsive machen

    Hi zusammen,

    gibt es bereits eine Lösung für den Kalender, damit dieser auf einem Smartphone nicht abgeschnitten und vollständig angezeigt wird.
    Seien wir realistisch, versuchen wir das Unmögliche

  2. #2
    Contao-Fan Avatar von rusty
    Registriert seit
    07.02.2012.
    Ort
    Hamburg
    Beiträge
    264

    Standard

    Zitat Zitat von monaco Beitrag anzeigen
    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.

  3. #3
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zum Beispiel damit:

    Code:
    .mod_calendar {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Contao-Fan
    Registriert seit
    05.11.2009.
    Ort
    Liebschützberg (Sachsen)
    Beiträge
    526

    Standard

    Hallo,

    ich habe mich durch die Seite inspirieren 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!

    Aber, kann mir jemand sagen, wie man für die mobile Ansicht, die Wochentage dem richtigen Datum zuordnen kann?

    Anhang 21704

  6. #6
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Hallo swinde, dein Anhang funktioniert nicht.

    Wo genau ist dein Problem?

  7. #7
    Contao-Fan
    Registriert seit
    05.11.2009.
    Ort
    Liebschützberg (Sachsen)
    Beiträge
    526

    Standard

    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
    Geändert von swinde (19.12.2018 um 18:42 Uhr)

  8. #8
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Bei folkfreun.de gebe ich im Template für jeden Tag folgendes aus:
    HTML-Code:
    <div class="header"><span class="wday"><?php echo $tag; ?></span><?php echo ' '.$day['label']; ?></div>
    In der normalen Kalenderansicht wird der span mit dem Wochentag ausgeblendet.

  9. #9
    Contao-Fan
    Registriert seit
    05.11.2009.
    Ort
    Liebschützberg (Sachsen)
    Beiträge
    526

    Standard

    Genau die Stelle meine ich aber da fehlet noch so was für $tag
    PHP-Code:
    <?php foreach ($week as $day): ?>

  10. #10
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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>
    Geändert von folkfreund (19.12.2018 um 23:03 Uhr)

  11. #11
    Contao-Fan
    Registriert seit
    05.11.2009.
    Ort
    Liebschützberg (Sachsen)
    Beiträge
    526

    Standard

    Funktioniert! Danke schön!

  12. #12
    Contao-Nutzer
    Registriert seit
    13.01.2020.
    Beiträge
    1

    Standard

    Zitat Zitat von swinde Beitrag anzeigen
    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!?
    Danke!
    Manroo

  13. #13
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Willkommen im Forum!

    Siehe oben #3: https://community.contao.org/de/show...l=1#post488633

  14. #14
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    Diese Anleitung hier hat mir sehr geholfen: https://www.pergamon-interactive.de/...verwalten.html

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •