Blog for the Web Programmers » typoscript

Conditional menu based on menu page-id

spabhat — Tue, 27 Dec 2011 12:16:00 +0000

Following code gives a nice way to have a custom content element as sub-menu item for each main menu item

lib.customMenu = HMENU
lib.customMenu {
 1 = TMENU
 1  {
        wrap = |

        NO.allWrap = |
        NO.stdWrap.htmlSpecialChars = 1
        NO.after.cObject = COA
        NO.after.cObject {
            20 = CASE
            20 {
               key.field = uid
               default = RECORDS
               default.tables = tt_content
               default.conf.tt_content < tt_content
               default.conf.tt_content.stdWrap.innerWrap >               

               14 < .default
               14.source = {$submenu_element_14}

               15 < .default
               15.source = {$submenu_element_15}

               16 < .default
               16.source = {$submenu_element_16}

               17 < .default
               17.source = {$submenu_element_17}

            }            

        }
        ACT = 1
        ACT.after.cObject < .NO.after.cObject
        ACT.allWrap = |
        ACT.ATagParams = class="act"
        ACT.stdWrap.htmlSpecialChars = 1

        CUR < .ACT
        CUR.ATagParams = class="cur"
    }
}

This code cannot be used as it is, you will need to make sure the DHTML/JavaScript code for the sub menu items are configured accordingly.

Further References:

[TYPO3-english] conditional menu based on menu page-id
http://lists.typo3.org/pipermail/typo3-english/2009-November/065557.html
[TYPO3-english] Custom class in tmenu according to uid page
http://lists.typo3.org/pipermail/typo3-english/2010-February/067336.html

Display Image when both path and file name are in two fields

spabhat — Wed, 16 Nov 2011 11:30:00 +0000

The following code gives an overview of how to display an IMAGe when 2 fields are involved.
That is one contains the image path “fileadmin/templates/imgs/” and the other field has the image name “mylogo.png”

10 = IMAGE
10 {
    file.import {
         cObject = COA
         cObject {
             10 = TEXT
              10.data = field:image_path
             20 = TEXT
             20.data = field:image_name
         }
    }
}

Hope this helps.

Changing Menu based on selected Templavoila TemplateObject using TypoScript

spabhat — Tue, 25 Aug 2009 14:58:13 +0000

TypoScript has so much features that it is indeed impossible to document each and every feature hidden with it. As we start adding extensions the feature list would increase as well.

Consider you have selected a specific Templavoila Template and you wish to have a different type of menu based on the selected template.
In such case it would be easy to change menu styles if the entire menu is enclosed in a separate CSS class.

I have given an example where I am checking for template IDs 10 , 11. If this template is used for current page I am changing it’s class.

lib.mymenu = HMENU
lib.mymenu {
entryLevel = 1
stdWrap.ifEmpty.wrap =

1 = TMENU
1 {
wrap =
|

NO.wrapItemAndSub = |
NO.allWrap =
|
NO.allWrap {
override =
|
override.if.value = 10,11
override.if.isInList.field = tx_templavoila_to
}
# same way we can configure ACT and CUR as well
ACT = 1
CUR = 1

}

# For second level I would like to change the class of the A Tag
2 < .1
2.wrap =
|

2.CUR.ATagParams = id=”cur_menu”
2.ACT.ATagParams.cObject = TEXT
2.ACT.ATagParams.cObject {
override = class=”cur_menu_a”
override.if.value = 10,11
override.if.isInList.field = tx_templavoila_to
}
3 < .2

#let us generate the 3rd level only if the page uses the Template of our choice.
3.if {
value = 10,11
isInList.field = tx_templavoila_to
}

}

Not all templates may have a template ID specified, in such case we need to use the sliding feature.
When we use the sliding feature the template id of parent ID is used.
We can do this Like:

isInList.data = levelfield:-1, tx_templavoila_to, slide

Note:
Usually Templates are stored in the Storage Folder, and you can view the Template IDs of Templavoila Template Objects from the list view!

date2cal for mailformplus

spabhat — Wed, 25 Mar 2009 12:53:35 +0000

In order to set date2cal for mailformplus we need to follow 3 important steps:

1. Include the necessary js and css files

page.headerData.80 = TEXT
page.headerData.80.value (

)
# add translations
# French – DEFAULT
page.headerData.90 = TEXT
page.headerData.90.value =

2. Create the target input box and the calendar trigger button

3. Write the calendar instantiation code using JavaScript
(The id of “inputField” and “button” should match the textbox and trigger button)
NOTE: this code must be executed after the above input boxes are loaded!

That’s all now you should be able to view the calendar if you click the image!!!

Dynamically change class attribute of body tag using typoscript

spabhat — Thu, 19 Mar 2009 14:53:56 +0000

This is a small note about how we can change the class attribute of body tag using typoscript.

# bodyTag
page.bodyTag >

page.bodyTagCObject = TEXT
page.bodyTagCObject.data = levelfield:-1 :, myfeildname, slide
page.bodyTagCObject.wrap =

Well here I am using a custom field added to pages table. If you wish to use the page id you may try using this code below:

# bodyTag
page.bodyTag >

page.bodyTagCObject = TEXT
page.bodyTagCObject.data = field:id
page.bodyTagCObject.wrap =

This way you may expect body tags like:

Changing default image width of 600 px in Typo3

spabhat — Tue, 10 Mar 2009 10:43:41 +0000

Typo3 by default limits image width to 600 px. You can easily change this setting using TypoScript. These TypoScript can be usually located on the root Template record. If not you can try using the object browser to find the exact location.

You may have to change this in setup and in constants as shown below:

In CONSANTS:
styles.content.imgtext.maxW = 700

In SETUP:
tt_content.image.20.maxW = 930

How to set ATagParams for menu items (except for some pages)

spabhat — Fri, 05 Sep 2008 07:30:02 +0000

This code may be useful when you may wish to have some extra parameter to all anchor tags in menu items, the code even shows how you can avoid these parameters for some selected pages.

The code below creates this link:

page title

For pages with uid 10, 23 the link will be generated as follows:

page title

To get this kind of menu write the following typoscript in the Setup section:

lib.atl_lefttop = COA
lib.atl_lefttop.10 = HMENU
# Level 1
lib.atl_lefttop.10 {
stdWrap.ifEmpty.wrap =
1 = TMENU
1 {
wrap =
|

expAll = 1
NO.wrapItemAndSub =
|

NO.ATagParams.cObject = TEXT
NO.ATagParams.cObject {
value = rel=moodalbox
/*
moodalbox should not be applied for the uid specified here
*/
if {
value = 10,23
isInList.field = uid
negate = 1
}
}

ACT < NO
ACT.wrapItemAndSub =
|

CUR < NO
CUR.wrapItemAndSub =
|

}

}

# level 2 3 and 4 use same settings as sown above
2< .1
3< .2
4< .3
}