Different header formatting for each column

Submitting your vote...
Rating: 3.6 of 5. 10 vote(s).
Click the rating bar to rate this item.

Here you can see how to reformat the default header, depending on the column the content is in. You can get a similar result using CSS selectors.

 

Here is the TypoScript:

 

temp.stdheader < lib.stdheader
lib.stdheader >

lib.stdheader = CASE
lib.stdheader {
  key.field=colPos
  1 < temp.stdheader
  2 < temp.stdheader
  3 < temp.stdheader
  default < temp.stdheader
}
lib.stdheader.default.10.1.fontTag = <h1>+++|+++</h1>
lib.stdheader.1.10.1.fontTag = <h1>***|***</h1>
lib.stdheader.2.10.1.fontTag = <h1>---|---</h1>
lib.stdheader.3.10.1.fontTag =<h1>...|...</h1>

 

 

What is done?

First the stdheader is saved in a temporary location. Then the stdheader gets cleared and transformend in a CASE

(Typo3 Documentation CASE). Depending on the column ( default = normal, 1=left,2=right, 3=border) a different Object is created. Finally we change the format for the different columns. Note: Here it is done only for 1 Type of header, for the other types have a look to the Object Browser.

Click here what it looks like

 

 

 

Similar Snippets:

Different link formatting for each column

 

 

 

 



Comments


Bas, 26-01-09 16:45:
I use this nice peace of typoscript.
However this generates double headers when editing a page title in the backend. After clear all cache the headers are printed correct. http://bugs.typo3.org/view.php?id=10277

Add comment

* - required field

*



*
*

Top 10 Updates

Useful Links geändert am  24-Apr-2013 06:31:20
Nice fonts using Google font API geändert am  20-May-2010 14:36:47
TS-based Searchbox for Indexed Search  geändert am  18-May-2010 16:27:15
TYPO3 SEO geändert am  30-Apr-2010 07:44:22
Search engine friendly graphical headers in TYPO3 geändert am  30-Apr-2010 07:33:44
Creating a simple Infocenter using TYPO3 geändert am  17-Nov-2009 11:12:52
Making the Section Menu work correctly with TemplaVoila geändert am  05-May-2009 10:27:17
Show pages with type "Not in Menu" in a sitemap geändert am  05-May-2009 10:11:17
Implementation of the DHTML menu from brainjar.com  geändert am  01-Feb-2009 13:02:48
Sample DHTML menu geändert am  01-Feb-2009 12:51:25

Latest comments

17-May-2013 10:09:34
Nicolas schrieb: If an extension or orther return a content empty, this solution not working. I not have the...
Wrap only if not empty
22-Apr-2013 12:08:26
morkel schrieb: hi i am new on typ03 and want to open a form on lightbox. when we click on image their a form will...
Using lightbox without extension
04-Mar-2013 13:33:47
Sebastian schrieb: Vergesse das immer wieder. Vielen Dank an dich und an Google :)
Wrap only if not empty
Deutsch
Search: