This is often a very confusing task for most people, including myself in the beginning.

Using this simple step, it would however be easy to find out whether the TO is used or not.

1. Set to list view from web menu.


2. Now select the Storage folder where Templavoila Templates are Stored.

3. Enable the Clipboard, and make sure clipboard 2 is selected.


4. Now can see some numbers at the extreme right side of each, these numbers indicate the number of times the TO is being used.


Move the Mouse over the numbers, and you can even see the uid of a few of them.

That’s all.


The following code creates a rollover menu usng the two images specified in the file properties check my other blog entry on how to specify file field to a page.


objIgmTextMenu = COA
objIgmTextMenu.10 = HMENU
objIgmTextMenu.10.maxItems = 3
objIgmTextMenu.10.1 =  GMENU
objIgmTextMenu.10.1 {
    NO = 1
    NO {       
            altImgResource.import = uploads/media/
            altImgResource.import.field = media
            altImgResource.import.listNum = 0
        RO < .NO
        RO = 1
        RO.altImgResource.import.listNum = 1   

The illustraion shows how to generate a 3 Graphical Menu using Typoscript.
The script is written such that the image will be taken from the media field of page property. If an image is not specified then an image will be generated using it’s page title / navigation title.

spaImageMenu = COA

spaImageMenu {
   1 >
   1 = GMENU
   1.NO {
      altImgResource.import = uploads/pics/
      altImgResource.import.field = media
      altImgResource.import.listNum = 0

      XY = 110,57
      backColor = white
      10 = TEXT
      10.text.field = nav_title // title
      10.offset = 20,30
      allWrap = |*|<tr><td>|</td>||<td>|</td>||<td>|</td></tr>|*|


    wrap = <table width="100%" border="0" cellpadding="0" cellspacing="0" class="mymenu_class">|</table>

This article explains about how to set an FCE header from it’s content element header.

Whenever we create content element from Typo3, we have noticed that each content element can have a header, and we can set various styles for this header, such as from layout 1 to layout 6, and it can even be hidden from front-end. When we set this header for an FCE, we notice that the header will not be present within the FCE content, but it will be outside it!!! We can even create a header within FCE and map it, but an editor may have to either enter the header twice, or he may be confused which one to use.

This code below helps you overcome this and we can make use of the header specified for FCE content element, as the header within our FCE.

Now let us call our FCE field as field_header, and let us define this as a Typoscript Object.

    <tx_templavoila type="array">
        <title>FCE Header</title>
        <sample_data type="array">
            <numIndex index="0">[ FCE Header / Title ]</numIndex>
        <description>Map to FCE Header container</description>

The above field must be mapped like we do in any FCE Template Object. Now Enter the Typoscript part of this as follows:

lib.mypaneltitle= TEXT
     data = register:tx_templavoila_pi1.parentRec.header

This example shows how to add a keyboard shortcut for showing/hiding active layer.

1. Edit menu, select "Keyboard Shortcuts", or press Alt+Shift+Ctrl+k.
2. Find the layers menu, and far down you’ll see the line for "Hide Layers".
3. Select it, and press the shortcut you would like for this feature, for instance Alt+Shift+Ctrl+h.
4. Click "Accept", then "OK".
That’s it, now your shortcut should work.

You can even take an overview of all shortcuts… in order to do this just click on the summarize button in the keyboard shortcuts and menus wizard.

The following XML contains the TemplaVoila data structure for a page/fce (flexible content element).

The example shows how to set the background image for a content element, that is specified in an image field that is declared in same data structure.

<field_content type="array">
        <tx_templavoila type="array">
        <title>FCE Content</title>
        <sample_data type="array">
            <numIndex index="0">FCE Content</numIndex>

10 = COA

10.10 = TEXT
10.10.field = field_image
10.10.wrap = <div class="spa_example" style="background:url(/uploads/tx_templavoila/|) right bottom no-repeat;">

10.20= RECORDS
10.20.tables = tt_content

10.30 = TEXT
10.30.value = </div>

        !!! here comes remaining standard templavoila tags for content element field!!!!

        !!! here comes standard templavoila tags for image field!!!!

        <label>Icon Image</label>

        !!! here comes remaining standard templavoila tags for image field!!!!


The code below is used to get a language menu seperator for sr_languagemenu as shown in the picture below:

capture10-17-2008-4.41.21 PM


10  < plugin.tx_srlanguagemenu_pi1
10 {
    links.stdWrap.split {
        token = {$plugin.tx_srlanguagemenu_pi1.token}
        wrap =  |   |*|  <span class="SPC2"> &nbsp;|&nbsp; | </span> |*|    <span class="SPC3"> &nbsp;|&nbsp; | </span>  

In the above code | is the HTML Character Code for pipe character ( | )

The SPAN tag, and SPAN Classes are optional and solely meant for code readability!!!