Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: cal ListView anpassen

      
  1. #1
    Forum Newbie
    Registriert seit
    24.01.2008
    Beiträge
    15

    cal ListView anpassen

    Hallo zusammen,

    ich habe Probleme die Listenansicht bei Calendar Base richtig zu formatieren. Anstelle der Listenelemente (dt, dd) möchte ich eine Tabelle benutzen. Das Problem ist halt, dass die Titel immer den gleichen Abstand zu den Daten haben sollen.
    Folgendes möchte ich also erreichen:

    April
    26.04. Eintrag Vier
    28.04. Eintrag Drei
    Mai
    01.05. - 04.05 Eintrag Zwei
    Juli
    17.07. - 18.07 Eintrag Eins

    In der angehängten Grafik könnt ihr erkennen, was ich bis jetzt hinbekommen habe. Irgendwie schaffe ich es nicht die Monate auch in die Tabelle zu bekommen.

    Mein list.tmpl sieht so aus:

    Code:
    <!--list.tmpl-->
    <!-- ###LIST_DAY_WRAPPER### begin -->
    	<dt><hr></dt>
        <dd> --- Event ---</dd>
    <!-- ###LIST_DAY_WRAPPER### end -->
    
    <!-- ###LIST_WEEK_WRAPPER### begin -->
    	<dt><hr></dt>
        <dd> --- Week ---</dd>
    <!-- ###LIST_WEEK_WRAPPER### end -->
    
    <!-- ###LIST_MONTH_WRAPPER### begin -->
    	<dt><hr></dt>
        <th> --- Month ---</th>
    <!-- ###LIST_MONTH_WRAPPER### end -->
    
    
    <!-- ###LIST_TEMPLATE### begin -->
    
    <table cellpadding="0px" cellspacing="0px">
    	<!-- ###LIST### start -->
    	<!-- ###LIST### end -->
    </table>
    
    <!-- ###LIST_TEMPLATE### end -->
    <!--/list.tmpl-->
    Mein phpicalendar_event.tmpl sieht so aus:

    Code:
    <!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_ODD### start -->
    <tr>
    	<td style="width: 100px">
    		###STARTDATE### ###ENDDATE###
    	</td>
    	<td>
    		###TITLE###
    	</td>
    </tr>
    <!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_ODD### end -->
    
    
    <!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_EVEN### start -->
    <tr>
    	<td>
    		###STARTDATE### ###ENDDATE###
    	</td>
    	<td>
    		###TITLE###
    	</td>
    </tr>
    <!-- ###TEMPLATE_PHPICALENDAR_EVENT_LIST_EVEN### end -->
    Mein TypoScript sieht so aus:


    plugin.tx_cal_controller.view {
    #pageBrowser
    list.listTemplate = fileadmin/templates/tabellen/ext/cal/list.tmpl
    event.phpicalendarEventTemplate = fileadmin/templates/tabellen/ext/cal/phpicalendar_event.tmpl
    list.enableMonthWrapper = 1
    }


    Ich finde die Stelle einfach nicht, wo ich die MonthWrapper formatieren kann. Im Quelltext stehen die immer in <dt> Tags. Wie es im Moment aussieht, könnt ihr unten sehen.

    MfG und vielen Dank

    Panela
    Angehängte Grafiken Angehängte Grafiken  

  2. #2
    Forum Newbie
    Registriert seit
    24.01.2008
    Beiträge
    15
    Habe eine Lösung gefunden:

    TypoScript:

    list.monthWrapper.10.wrap = <tr class="month_wrapper"><th colspan="3">|</th></tr>


    list.tmpl:
    Code:
    <table cellpadding="0" cellspacing="0" style="width: 100%">
    	<!-- ###LIST### start -->
    	<!-- ###LIST### end -->
    </table>
    phpicalendar_event.tmpl:
    Code:
    <tr>
    	<td style="width: 100px; height: 20px">###STARTDATE### ###ENDDATE###</td>
    	<td style="width: 50px">###STARTTIME###</td>
    	<td>###TITLE###</td>
    </tr>
    Mit ein wenig CSS Code kommt das angehängt Ergebnis raus. Vielen Dank an alle, die sich mit mir den Kopf zerbrochen haben.
    Vielleicht kann ich ja dem ein oder anderen mit dem Code helfen.

    MfG
    Panela
    Angehängte Grafiken Angehängte Grafiken  

  3. #3
    Forum Zuschauer
    Registriert seit
    09.04.2009
    Beiträge
    9
    hallo panela,

    vielen tausend dank für deine anleitung - habe endlich verstanden, welche Dateien ich ansprechen muss, um änderungen an der ausgabe zu erreichen.

    ciao grit

  4. #4
    Forum Zuschauer
    Registriert seit
    24.10.2007
    Alter
    31
    Beiträge
    8
    Ich verstehe es leide rnoch nicht so ganz (als TYPO3-Gelegenheitsbastler).

    - Ich kriege cal grundsätzlich zum Laufen (darauf bin ich schonmal stolz)
    - Ich kann auch Listenansichten und Eventansichten einbinden, auf denen die Termine dargestellt werden. (Mehr Ansichten - würde ich behaupten - brauche ich auch noch nicht.)

    Ich möchte nur diese Listenansicht anpassen. Ich brauche keine neuen Schriftgrößen, Zellfarben etc, weswegen ich Veränderungen am CSS wohl ausschließen kann. Verändert werden soll die Übernahme der Location in die Listenansicht.

    Ich hätte jetzt gedacht, ich muss jeweils einen ####LOCATION###-Marker in die phpicalendar_event.tmpl einfügen. Und zwar an die Stelle, in der die List-Ansicht definiert wird. Somit 2x, nämlich jeweils für 'even' und 'odd'.

    Hab ich gemacht, im Template habe ich auf die phpicalendar_event.tmpl verwiesen. Es zeigen sich jedoch keine Auswirkungen im FE.

    Woran liegt's?

    ----

    Hab's dann doch selbst gefunden: phpicalendar_event.tmpl muss nicht (nur) im Template, sondern (auch) über den Constant Editor angesprochen werden.

  5. #5
    Forum Zuschauer
    Registriert seit
    15.03.2010
    Beiträge
    1

    Wo einfügen?

    Hallo Panela

    Erstmal VIELEN DANK für die grossartige Vorarbeit!
    Sehr gerne würde ich ein Template erstellen, welches mir erlaubt, die Daten in ähnlicher Form darzustellen wie du dies tust. Ich weiss jedoch nicht, in welcher Datei ich den TypoSkript-Code einfügen muss. Dies ist ja lediglich eine Zeile.

    Ist es in der Tat so, dass deine beiden Dateien list.tmpl und phpicalendar_event.tmpl lediglich diese 4 bzw. 5 Zeilen enthalten?!?

    Für eine Antwort wäre ich dir sehr dankbar!


    Gruss, Peter

  6. #6
    Forum Newbie
    Registriert seit
    25.11.2006
    Beiträge
    28
    Auch wenn der Thread schon etwas älter ist.

    Die TS Zeilen sind im SETUP des jeweiligen Templates bzw. extTemplates einzufügen.

    Vielen Dank für die Code Zeilen
    Gruß
    Heiopei

  7. #7
    Forum Newbie
    Registriert seit
    27.02.2011
    Beiträge
    16
    Ich muss das nun nochmal hervor holen.

    ich habe die Anregungen von Panela umgesetzt, doch leider werden die Termine nicht wie gewünscht dargestellt. Der Monat will einfach nicht über den entsprechenden Terminen erscheinen.

    Hat sich da mit der neuen Version etwas bei der Umsetzung geändert?

    Viele Grüße
    Jochen

  8. #8
    Forum Newbie
    Registriert seit
    27.02.2011
    Beiträge
    16
    Ich habe noch ein wenig herumexperimentiert und mir alles noch einmal in ruhe durchgelesen und haben nun meinen Fehler gefunden. Man sollte den wrapper noch aktivieren, bevor man versucht ihn einzusetzen .

  9. #9
    Forum Newbie
    Registriert seit
    18.06.2009
    Beiträge
    36
    Hallo Panela,

    das ist genau das was ich suche!
    Du schreibst:
    Mit ein wenig CSS Code kommt das angehängt Ergebnis raus.
    Kannst Du mir den CSS-Code zur Verfügung stellen?

    @dojo
    Du schreibst:
    Ich habe noch ein wenig herumexperimentiert und mir alles noch einmal in ruhe durchgelesen und haben nun meinen Fehler gefunden. Man sollte den wrapper noch aktivieren, bevor man versucht ihn einzusetzen
    Da ich in Sachen Typo3 und TS noch in den Kinderschuhen stecke wäre ein Beispiel nicht schlecht.

    Gruß

    cheapy

  10. #10
    Forum Newbie
    Registriert seit
    27.02.2011
    Beiträge
    16
    HalloCheptrick

    hab gerade erst deine Frage gesehen, vielleicht brauchst du es ja noch.

    Hier erstmal mein Typoscript das ich unter Constant stehen hab

    plugin.tx_cal_controller.view.month.dateFormatMonth = %b %Y
    plugin.tx_cal_controller.view.timeFormat = %H:%M
    plugin.tx_cal_controller.view.dateFormat = %A, %d. %B %Y
    plugin.tx_cal_controller.view.list.listTemplate = fileadmin/templates/cal/list.html
    plugin.tx_cal_controller.view.event.eventModelTemplate = fileadmin/templates/cal/event_model.html
    plugin.tx_cal_controller.view.month.monthSmallTemplate = fileadmin/templates/cal/month_small.html

    plugin.tx_cal_controller.view.list.enableDayWrapper = 1
    plugin.tx_cal_controller.view.List.dayWrapper.10.wrap = <tr class="month_wrapper"><th colspan="3">|</th></tr>


    Zeile 1-3 leg ich das Format der Datums und Uhrzeitausgabe fest
    Zeile 4-6 leg ich fest, dass die von mir angepassten Templates verwendet werden sollen. Dort kann man auch die Klasse für die CSS hinterlegen.
    Zeile 8 aktiviert dann den Wrappen
    Zeile 9 legt das Format fest. Da ich mich in meinem Template Dateien für eine Tabellenstruktur entschieden hab, 3 Spalten, wird hier ein th für 3 Spalten generiert.

    Ich hoffe es war verständlich.

    Viele Grüße
    Jochen

 

 
Seite 1 von 2 12 LetzteLetzte

Aktive Benutzer

Aktive Benutzer

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

Facebook Kommentare

Ähnliche Themen

  1. cal_base: Kategorie in Listview nicht verlinken
    Von mic_jan im Forum Kalender
    Antworten: 2
    Letzter Beitrag: 08.08.2008, 13:33
  2. Link wird in Listview nicht dargestellt
    Von mac_sascha im Forum Kalender
    Antworten: 0
    Letzter Beitrag: 08.07.2008, 12:09
  3. Rückkehr zu ausgewählter Listview-Seite
    Von edZ im Forum Extension modifizieren oder neu erstellen
    Antworten: 0
    Letzter Beitrag: 20.03.2008, 13:25
  4. listView + singleView umbenannt und CMD griff nicht mehr
    Von mensch im Forum Extension modifizieren oder neu erstellen
    Antworten: 1
    Letzter Beitrag: 01.04.2007, 18:44
  5. newloginbox listView beeinflussen
    Von rolfmaibach im Forum Alle anderen Extensions
    Antworten: 0
    Letzter Beitrag: 13.03.2007, 08:43

Berechtigungen

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74