TYPO3-Browser: Pagebrowser formatieren
| Autor | Nachricht |
|---|---|
|
Verfasst am: 01. 04. 2011 [18:12]
|
|
|
Ingfried
Ingfried
Themenersteller
Dabei seit: 16.02.2011
Beiträge: 13
|
Hallo NG, keine Ahnung, ob das wirklich eine Frage ist oder ob es eher in die Abteilung "Wunschliste" gehört. Ich würde gerne den etwas rudimentären Pagebrowser (möglichst per CSS) etwas aufmotzen. Geht das schon? Wie? Geht das bald? Will das (außer mir) keiner? Ingfried |
|
Verfasst am: 01. 04. 2011 [18:30]
|
|
|
dkuehlborn
Dieter Kühlborn
Dabei seit: 04.11.2010
Beiträge: 84
|
Hallo Ingfried, ich habe meinen Pagebrowser auch ein bisschen per CSS formatiert. Für meine Zwecke musste ich sicher gehen, dass die mögliche Breite nicht überschritten wird. Hierzu habe im Template wie folgt den PageBrowser angepasst: TYPOSCRIPT pageBrowser { maxPages = 7 results_at_a_time = 20 showResultCount = 1 dontLinkActivePage = 1 tableParams = cellpadding="2" align="center" showFirstLast = 1 pagefloat = center showRange = 1 wrap { disabledLinkWrap = <span class="SCell">|</span> inactiveLinkWrap = | activeLinkWrap = <span class="SCell">|</span> showResultsWrap = | showResultsNumbersWrap = browseBoxWrap = browseLinksWrap = <div class="browseBoxLinks">|</div> showResultsWrap = <div class="browseBoxResults">|</div> } } Im Template habe ich dem Browser noch in einen DIV-Container gepackt. HTML <!-- ###PAGEBROWSER### begin --> <div class="browsebox browsebox-###VIEW###-###MODE###"> ###RESULT_AND_ITEMS### </div> <!-- ###PAGEBROWSER### end --> Das Ergebniss kannst Du unter http://www.westernreiter.com/aktuelles/jungpferde/eingezahlte-jungpferde/ sehen. Ich hoffe, es hilft Dir weiter. VG Dieter |
|
Verfasst am: 01. 04. 2011 [19:09]
|
|
|
Ingfried
Ingfried
Themenersteller
Dabei seit: 16.02.2011
Beiträge: 13
|
Hallo Dieter, Danke! In der Regel hilft ja jede Info weiter. Meine Idee ging aber noch ein bischen weiter. Vor allem die "Casettenrecorder-Steuerung" (vorwärts, rückwärts, seitwärts, ran...) würde ich lieber durch kleine Bilder darstellen. (Typo3 selber macht das übrigens auch sehr hübsch. Der dort verwendete Pagebrowser scheint aber nicht für "Normalsterbliche" nutzbar zu sein.) Schönes Wochenende Ingfried |
|
Verfasst am: 14. 05. 2011 [11:52]
|
|
|
Beast
S.R.
Dabei seit: 10.02.2011
Beiträge: 57
|
Kann man den Pagebrowser noch weiter Formatieren? ich würde gerne ein Wrap um die jeweiligen "Cassetten-Steuerung"(vor, zurück...) legen. Darüberhinaus würd eich gerne für die Seiten(wenn ich keine Range benutze) eigene Labels anlegen. aktuell wird immer nur "Page 1, Page 2..." ausgegeben. Besten Dank. |
|
Verfasst am: 31. 12. 2011 [19:17]
|
|
|
ivofrie
Ivo
Dabei seit: 29.09.2010
Beiträge: 53
|
Hallo Leute, Dieses Jahr noch was abhaken? Ich stand heute vor dem selben Problem. Meine Analyse hat ergeben, dass der Page-Browser nicht vom Typo3-Browser geliefert wird, sondern von Typo3 selbst, genauer von der Funktion "pi_list_browseresults" (durch diesen Thread bin ich überhaupt darauf gekommen). Kurz und gut: mit TYPOSCRIPT plugin.tx_browser_pi1._LOCAL_LANG.de.pi_list_browseresults_prev = <span class="ui-icon ui-icon-seek-prev" style="float: left;margin: 0 4px;"></span> plugin.tx_browser_pi1._LOCAL_LANG.de.pi_list_browseresults_next = <span class="ui-icon ui-icon-seek-next" style="float: left;margin: 0 4px;"></span> plugin.tx_browser_pi1._LOCAL_LANG.de.pi_list_browseresults_first = <span class="ui-icon ui-icon-seek-first" style="float: left;margin: 0 4px;"></span> plugin.tx_browser_pi1._LOCAL_LANG.de.pi_list_browseresults_last = <span class="ui-icon ui-icon-seek-end" style="float: left;margin: 0 4px;"></span> kann auf die UI-Icons des Record-Browsers zurückgegriffen werden, ich nehme an, das geht auch mit jedem beliebigen Bild. Da ich auch CSS- und Einheitlichkeitsgründen auch die beim Record-Browser gegebene UL/LI-Struktur haben wollte habe ich zusätzlich noch folgendes konfiguriert: TYPOSCRIPT plugin.tx_browser_pi1.navigation.pageBrowser.wrap.disabledLinkWrap = <li class="ui-state-default ui-corner-all">|</li> plugin.tx_browser_pi1.navigation.pageBrowser.wrap.activeLinkWrap = <li class="ui-state-default ui-corner-all" id="current">###LABELFORPAGEBROWSER### |</li> plugin.tx_browser_pi1.navigation.pageBrowser.wrap.inactiveLinkWrap = <li class="ui-state-default ui-corner-all">|</li> plugin.tx_browser_pi1.navigation.pageBrowser.wrap.browseLinksWrap = <ul id="page-browser" class="ui-widget ui-helper-clearfix">|</ul> Der Rest ist reines CSS (siehe Screenshot)! Wünsche allen einen guten Rusch in ein erfolgreiches 2012.  Grüsse, Ivo PS: Ich nehme an, dieser Thread kann als gelöst markiert und ins Kochbuch geschoben werden? [Dieser Beitrag wurde 2mal bearbeitet, zuletzt am 31.12.2011 um 19:33.]  |
|
Verfasst am: 10. 02. 2012 [01:17]
|
|
|
dirk
Dirk Wildt
Dabei seit: 27.09.2010
Beiträge: 601
|
Hallo alle zusammen, herzlichen Dank für Eure Beiträge. Ich schiebe diesen Thread ins Kochbuch. Viele Grüße Dirk --
Willst Du den TYPO3-Browser mit einer Spende unterstützen? Wir freuen uns über jeden EUR! Sponsoring: Ich will einfach einen Betrag spenden http://typo3-browser.de/sponsoring |
Powered by TYPO3 und mm_forum Extension