Ankündigung

Einklappen
Keine Ankündigung bisher.

[Kalender]Quartalsansicht kombiniert mit Detailliste & erweiteret Exportmöglichkeiten

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Kalender]Quartalsansicht kombiniert mit Detailliste & erweiteret Exportmöglichkeiten

    Für unsere Homepage habe ich folgende Erweiterungen im Kalendermodul erstellt:
    • Quartalsansicht kombiniert mit Detailliste des ersten Monates
    • Export als iCal von allen Kalenderansichten
    • Kategorie kann in Auflistung der Termine angezeigt werden


    Die Anpassungen wurden für Version 2.1.1 OpenSource durchgeführt.
    Die Erweiterungen können unter http://gfc-belp.ch/contrexx/index.ph...ndar&cmd=boxes ausprobiert werden.
    Die bearbeiteten Dateien für V 2.1.1 findet ihr im Anhang. Alle Änderungen sind mit "//Webmaster" kommentiert. Achtung, ich übernehme keine Haftung für ev. Fehler!

    Wäre toll, wenn die Anpassungen in die nächste Version (2.2) übernommen würden, damit ich die bei einem Update nicht wieder alle anpassen muss

    Gruss
    GigaComp

    Contrexx-Partner

    PS: Habe die Anpassungen nochmals für 2.1.2 durchgeführt (siehe Anhang)
    Um die Kalenderboxen nebeneinander zu haben muss folgendes CSS angepasst werden:
    /modules/calendar/frontend_style.css (je nach verwendetem Theme kann es auch anderswo sein...)
    Code:
    table.month {
         float: left;
         ...
    }
    Angehängte Dateien
    Zuletzt geändert von GigaComp; 31.08.2009, 21:59.

  • #2
    Goiles Teil !!!

    Super gemacht - genau sowas hat mir gefehlt !

    HERZLICHEN DANK *brüll*

    Liebe Grüße aus hamburg

    Kommentar


    • #3
      zu früh gefreut :-(

      Habe deine Dateien eingespielt . funzt aber nicht!

      Ich bekomme zwar die termine angezeigt - jedoch sind die boxen weiterhin UNTEREINANDER !

      siehe hier
      Zuletzt geändert von Zappellino; 03.07.2009, 12:15.

      Kommentar


      • #4
        Boxen nebeneinander

        Wenn ihr die Boxen nebeneinander haben wollt, müsst ihr das per CSS machen:
        Im CSS-File (buildin_style.css) des Design muss folgender Eintrag stehen:
        Code:
        #calendar table.month {
             float: left;
             ... (beliebige weitere CSS);
        }
        Viel Freude an der neuen Kalenderansicht
        GigaComp

        Kommentar


        • #5
          Platzhalter & Content von 'calendar boxes'

          Den Titel über der Liste kriegt ihr mit dem Platzhalter [[CALENDAR_DATE]].
          Die Kategorien gib te mit dem Platzhalter [[CALENDAR_CATEGORIE]].

          Bei mir sieht der Content der Quartalsansicht (calendar boxes) wie folgt aus:
          HTML-Code:
          <!-- START calendar_show.html --> 
          [[CALENDAR_JAVASCRIPT]]  
          <!-- BEGIN boxes -->
          <table border="0" width="100%">
              <tbody>
                  <tr>
                      <td>[[CALENDAR_CATEGORIES]]</td>
                      <td align="right">
                          <a href="?section=calendar&amp;cmd=eventlist" target="_self">Auflistung aller Events</a><br/>
                          <a href="?section=calendar" target="_self">Events suchen</a>   
                      </td>
                  </tr>
                  <tr>
                      <td colspan="2" align="center">[[CALENDAR]]</td>
                  </tr>
              </tbody>
          </table>
          <!-- END boxes -->  
          <!-- BEGIN list -->
              <table width="100%" cellspacing="1" cellpadding="1" border="0">
                  <tbody>
                      <tr>
                          <td width="100%"><h2>[[CALENDAR_DATE]]</h2></td>
                          <td align="right">[[CALENDAR_ICAL_EXPORT_IMG]]</td>
                      </tr>
                  </tbody>
              </table>
          	<div id="calendarNotesList" style="width: 100%;">
                      	<table cellspacing="0" cellpadding="0" width="100%;" class="calendar datalist">
                          	<tbody>
                              	<tr>
                               	    <th style="text-align: left;">Wann?</th>
                              	    <th style="text-align: left;">&nbsp;</th>
                              	    <th style="text-align: left;">Was?</th>
                              	    <th style="text-align: left;">Wo?</th>
                                      <th style="text-align: left;">Kategorie?</th>
                             	 </tr>
                             	 <!-- BEGIN event -->
                             	 <tr>
                              	     <td style="width: 50px;" valign="top">[[CALENDAR_START_SHOW]]&nbsp;[[CALENDAR_STARTTIME]]</td>
                             	     <td style="width: 10px; align: center;" valign="top">[[CALENDAR_PRIORITY_IMG]]</td>
                             	     <td valign="top">[[CALENDAR_DETAIL_LINK]]</td>
                             	     <td style="width: 200px;" valign="top">[[CALENDAR_PLACE]]</td>
                                       <td valign="top" nowrap="nowrap">[[CALENDAR_CATEGORIE]]</td>
                             	 </tr>
                            	  <!-- END event -->
                          	</tbody>
                      	</table>
                     	 <!-- BEGIN noevents -->
                     	 <br />
                     	 <i>[[TXT_CALENDAR_NO_EVENTS]]</i>	
                      	<!-- END noevents -->
          	</div>
          <!-- END list --> 
          <!-- END calendar_show.html -->
          So, damit habe ich euch wohl alle meine Geheimnisse verraten
          GigaComp

          Kommentar


          • #6
            Layout Anpassung

            Hi GigaComp

            Deine Änderung ist super, jedoch bleibt die Kalenderanzeige zentriert untereinander.

            Trotz

            #calendar table.month {
            float: left;
            }

            Eingebunden unter (buildin_style.css)

            Kanst du mir noch einen Tipp geben

            Danke

            Dietmar

            Kommentar


            • #7
              Sorry, habe ich aus einer alten Version übernommen...
              Du musst "#calendar" weglassen (ausser du definierst [[CALENDAR]] innerhalb eines Elementes mit id="calendar"):
              Code:
              table.month {
                   float: left;
                   ... (beliebige weitere CSS);
              }
              Hoffentlich klappt's jetzt
              GigaComp

              Kommentar


              • #8
                ... nö - klappt nicht !

                Guggst du hier: http://www.schuetzenverband-hamburg....ndar&cmd=boxes

                Liebe Grüße

                Kommentar


                • #9
                  Hallo zusammen,

                  Hab den Thread mal in das "Erweiterungen"-Forum verschoben. Danke für's Teilen Deiner Erweiterung!

                  Beste Grüsse
                  Thomas
                  Forenregeln | Contrexx-Wiki | Contrexx-Themes

                  Kommentar


                  • #10
                    Kalender im Querformat pp.

                    Die Idee ist genial, allerdings mit der Einschränkung, dass sie auf die beschriebene Art und Weise nicht funktioniert. Ich habe alles erdenkliche versucht, nix..leider.

                    Vielleicht findest Du die Zeit, eine detaillierte Beschreibung zu erstellen. Ich wäre Dir dankbar.
                    http://www.blue-knights.eu/
                    (Version 2.2 stable)
                    http://www.segelkameradschaft-buchholz.net/
                    (Version 2.2 stable)
                    http://www.hsc.nivadis.com/
                    (Version 2.2 stable)

                    Kommentar


                    • #11
                      Kalendereintrag 3 Monate nebeneinander

                      Für alle: Version 2.1.1

                      /modules/calendar/frontend_style.css


                      Code:
                      table.month {
                           float: left;
                           background-color: white;
                           text-align: center;
                           border-spacing: 0px;
                           margin-bottom: 20px;
                           width: 189px;
                           border-top: #e9e9e9;
                      Gruß

                      Dietmar
                      Zuletzt geändert von kaelin; 06.07.2009, 17:51.

                      Kommentar


                      • #12
                        Zitat von GigaComp Beitrag anzeigen
                        PS: Habe die Anpassungen nochmals für 2.1.2 durchgeführt (siehe Anhang)
                        Hallo!

                        Ist das für 2.1.3 schon in arbeit? Die tolle "Erweiterung" könnte ich ganz gut gebrauchen

                        Kommentar

                        Lädt...
                        X