FORMidable by example¶

<renderlet:TEXT>
    <name>favcolor</name>
    <label>Favourite color</label>
</renderlet:TEXT>

<renderlet:TEXT name="favcolor" label="Favourite color"/>

<renderlet:TEXT name="favcolor" label="Favourite color">
    <data defaultvalue="red"/>
</renderlet:TEXT>

<renderlet:TEXT name="favcolor" label="Favourite color">
    <custom>style=”background-color: yellow; border: 4px orange dashed;”</custom>
    <data defaultvalue="red"/>
    <wrap><![CDATA[

        <div style="background-color: pink;">This will be place before my textbox</div>
        <div style="margin: 10px; background-color: cornflowerblue">|</div>
        <div style="background-color: tomato;">And this, after. Thank you Mr. Wrap !</div>

    ]]></wrap>
</renderlet:TEXT>

<renderlet:TEXT name="favcolor">
    <label>
        <userobj>
            <php><![CDATA[

        $sTime = strftime("%H:%M:%S");
        return "It's " . $sTime . " already ! Time to tell us your favorite color!";


            ]]></php>
        </userobj>
    </label>
    <custom>style=”background-color: yellow; border: 4px orange dashed”</custom>
    <data>
        <defaultvalue>
            <userobj>
                <php><![CDATA[

        $aColors = array(
            "red",
            "blue",
            "green",
            "purple",
        );
        return $aColors[rand(0, (sizeOf($aColors) - 1))];
                ]]></php>
            </userobj>
        </defaultvalue>
    </data>
    <wrap><![CDATA[

        <div style="background-color: pink;">This will be place before my textbox</div>
        <div style="margin: 10px; background-color: cornflowerblue">|</div>
        <div style="background-color: tomato;">And this, after. Thank you Mr. Wrap !</div>

    ]]></wrap>
</renderlet:TEXT>

<recombine>
    <userobj>
        <ts><![CDATA[

10 = COA
10 {
        10 = TEXT
        10.value < params.input
        10.wrap (
                This is processed by a Typoscript template :)<br />
                <div style="background-color: red;">|</div>
        )

        20 = TEXT
        20.value < params.label
        20.wrap (
            <div>
              The label of this renderlet is: <b style="background-color: black; color: white;">|</b>
              <br />
              <div>Can you figure out the possibilities ?</div>
            </div>
        )

        30 = TEXT
        30.value < params.help
        30.wrap (
           <div style="background-color: silver;">
             This is an array of the available HTML-channels properties for a TEXT renderlet.<br />
             |
             <i>See Documentation at <b>Multichannel Templates</b> for more informations</i>
           </div>
        )
}

10.wrap (
        <div style="background-color: pink; padding: 10px;">
                Everything inside this pink box is the render of the renderlet:TEXT<br />
                |
        </div>
)
        ]]></ts>
    </userobj>
</recombine>

<renderlet:DATE name="birthdate" label="Birth date">
    <data>
        <datetime format="%m/%d/%Y"/>
    </data>
</renderlet:DATE>

<renderlet:DATE name="birthdate" label="Birth date">
    <custom>style='width: 200px;'</custom>
    <data>
        <datetime format="The date is %m-%d-%Y %H:%M:%S" displaytime="true"/>
        <defaultvalue>
            <userobj>
                <php><![CDATA[   return mktime(13, 45, 23, 1, 1, 1998);   ]]></php>
            </userobj>
        </defaultvalue>
    </data>
</renderlet:DATE>

<renderlet:FILE name="photo" label="Upload your photo">
    <data targetdir="/typo3temp"/>
</renderlet:FILE>

<renderlet:LISTBOX name="myexgirlfriends" label="My ex girlfriends">
    <data>
        <items>
            <item caption="" value=""/>
            <item caption="Laetitia" value="laetitia"/>
            <item caption="Pamela" value="pamela"/>
            <item caption="Juddy" value="juddy"/>
        </items>
    </data>
</renderlet:LISTBOX>

<renderlet:LISTBOX name="myexgirlfriends" label="My ex girlfriends">
    <data defaultvalue="juddy">
        <items>
            <item caption="" value=""/>
            <item caption="Laetitia" value="laetitia"/>
            <item caption="Pamela" value="pamela"/>
            <item caption="Juddy" value="juddy"/>
        </items>
        <userobj>
            <php><![CDATA[

    $aPre = array("Ash", "Ma", "Mela", "So", "Mama", "Juli");
    $aPost = array("ley", "donna", "nie", "fia", "mia", "anna");
    $aItems = array();
    for($k = 0; $k < 5; $k++) {

        $sPre = $aPre[rand(0, sizeOf($aPre) - 1)];
        $sPost = $aPost[rand(0, sizeOf($aPost) - 1)];
        $aItems[] = array(
            "caption" => $sPre . $sPost,
            "value" => strtolower($sPre . $sPost),
        );
    }
    return $aItems;
            ]]></php>
        </userobj>
    </data>
</renderlet:LISTBOX>

<renderlet:CHECKBOX name="myexgirlfriends" label="My ex girlfriends">
    <data defaultvalue="juddy,pamela">
        <items>
            <item caption="Laetitia" value="laetitia"/>
            <item caption="Pamela" value="pamela"/>
            <item caption="Juddy" value="juddy"/>
        </items>
        <userobj>
            <php><![CDATA[

    $aPre = array("Ash", "Ma", "Mela", "So", "Mama", "Juli");
    $aPost = array("ley", "donna", "nie", "fia", "mia", "anna");
    $aItems = array();
    for($k = 0; $k < 5; $k++) {

        $sPre = $aPre[rand(0, sizeOf($aPre) - 1)];
        $sPost = $aPost[rand(0, sizeOf($aPost) - 1)];
        $aItems[] = array(
            "caption" => $sPre . $sPost,
            "value" => strtolower($sPre . $sPost),
        );
    }
    return $aItems;
            ]]></php>
        </userobj>
    </data>
</renderlet:CHECKBOX>

<renderlet:CHOOSER name="nbres">
    <data defaultvalue="50">
        <items>
            <item caption="15" value="15"/>
            <item caption="50" value="50"/>
            <item caption="100" value="100"/>
        </items>
    </data>
    <wrap><![CDATA[display: | per page]]></wrap>
    <wrapselected><![CDATA[<span style='font-size: 20px;'>|</span>]]></wrapselected>
    <wrapitem><![CDATA[<span>|</span>]]></wrapitem>
    <separator><![CDATA[ - ]]></separator>
</renderlet:CHOOSER>

<renderlet:LINK name="mylink" label="Go to my website" url="http://www.ameos.com/"/>

<renderlet:LINK name="mylink">
    <url>
        <userobj>
            <php><![CDATA[

    return t3lib_div::locationHeaderUrl(
        $this->_oParent->pi_getPageLink(
            $GLOBALS["TSFE"]->id,
            "",
            array(
                "someparameter" => 1
            )
        )
    );
            ]]></php>
        </userobj>
    </url>
</renderlet:LINK>

<renderlet:IMAGE>
    <path>EXT:ameos_testform/res/atari.jpg</path>
</renderlet:IMAGE>

<renderlet:IMAGE>
    <path>EXT:ameos_testform/res/atari.jpg</path>
    <imageconf>
        <userobj>
            <ts><![CDATA[

                    10 < config.tx_ameosformidable.res.shared.xml.imageprocess.shaded
                  10.file.50.file < params.relwebpath
                  10.file.50.file.width = 100m
            ]]></ts>
        </userobj>
    </imageconf>
</renderlet:IMAGE>

<renderlet:IMAGE>
    <path>EXT:ameos_testform/res/atari.jpg</path>
    <imageconf>
        <userobj>
            <ts><![CDATA[

                    10 < config.tx_ameosformidable.res.shared.xml.imageprocess.rounded
                  10.file.10.file < params.relwebpath
                10.file.10.file.width = 100m
            ]]></ts>
        </userobj>
    </imageconf>
</renderlet:IMAGE>

<renderlet:TEXT name="email" label="Your email adress">
    <validators>
        <validator:STANDARD>
            <userobj message="Sorry, we don't want hotmailers here">
                <php><![CDATA[

                            $sValue = array_pop(func_get_args());

                            if(!empty($sValue)) {

                                    if(strstr(strtolower($sValue), "@hotmail.com")) {
                                       return FALSE;
                                    }
                            }
                            return TRUE;
                ]]></php>
            </userobj>
        </validator:STANDARD>
    </validators>
</renderlet:TEXT>

<datahandler:DB>
    <tablename>fe_users</tablename>
    <keyname>uid</keyname>
</datahandler:DB>

<datahandler:DB>
    <tablename>fe_users</tablename>
    <keyname>uid</keyname>
    <process>
        <beforeinsertion>
            <userobj>
                <php><![CDATA[

                    $aData = array_pop(func_get_args());

                    $aData["pid"] = 343;
                    $aData["crdate"] = time();

                    return $aData;
                ]]></php>
            </userobj>
        </beforeinsertion>
    </process>
</datahandler:DB>

<renderlet:TEXT onfocus="alert('You are in');" onblur='alert(“You are out”);'/>

<renderlet:TEXT name="mytextfield">
    <data defaultvalue="Your name here"/>
    <onfocus><![CDATA[

    var oTxt = $("testform[mytextfield]");
    oTxt.value = "";
    ]]></onfocus>
</renderlet:TEXT>

<renderlet:BUTTON label=”What time is it ?”>
    <onclick>
        <userobj>
            <php><![CDATA[

                    return "alert('it is " . strftime("%H:%M:%S") . " at php time !')";
            ]]></php>
        </userobj>
    </onclick>
</renderlet:TEXT>

<renderlet:BUTTON label=”Press here to send me an email”>
    <onclick runat=”server”>
        <userobj>
            <php><![CDATA[
                    $to = 'typo3dev@ameos.com';
                   $subject = 'FORMidable::server event';
                       $message = 'Hey, this works nice !';
                        $headers = 'From: formidable@ameos.com' . "\r\n" .
                                            'X-Mailer: PHP/' . phpversion();

                        mail($to, $subject, $message, $headers);
            ]]></php>
        </userobj>
    </onclick>
</renderlet:TEXT>