rtgx

Tvorba formulára pomocou typoscriptu

Typoscript 1

Žiadaný výstuptt_content.mailform.20 {
layout = ###LABEL### ###FIELD### <br />
labelWrap.wrap = |
commentWrap.wrap = |
radioWrap.wrap = <span class="csc-form-radio">|</span><br />
REQ.labelWrap.wrap = <p class="csc-form-label-req">|</p>
COMMENT.layout = <p class="csc-form-commentcell">###LABEL###</p>
stdWrap.wrap = <div>|</div>
}

temp.myform < tt_content.mailform.20
temp.myform {
goodMess = Good message
redirect >
recipient >
data >
dataArray {
10.type = fe_users[username]=input
10.label = Užívateľské meno:
20.type = fe_users[password]=password
20.label = Heslo:
22.type = fe_users[email]=input
22.label = Email:
38.label =  
40.type = submit=submit
40.value = Registrovať
}
type.field = pages
type.listNum = 0
target = {$styles.content.loginform.target}
locationData = 0
hiddenFields.pid = TEXT
hiddenFields.pid {
value = {$styles.content.loginform.pid}
override.field = pages
override.listNum = 1
}
}

Výstup HTML 1

<form action="index.php?id=99" id="orderForm" name="orderForm" enctype="multipart/form-data" method="post" target="_top" onsubmit="return validateForm('orderForm','','Good message','','')">
<div style="display:none;">
<input type="hidden" name="pid" value="" />
</div>
<div>
<label for="orderFormfe_users[username]">Užívateľské meno:</label>
<input type="text" name="fe_users[username]" id="orderFormfe_users[username]" size="20" value="" /> <br />
<label for="orderFormfe_users[password]">Heslo:</label>
<input type="password" name="fe_users[password]" id="orderFormfe_users[password]" size="20" value="" /> <br />
<label for="orderFormfe_users[email]">Email:</label>
<input type="text" name="fe_users[email]" id="orderFormfe_users[email]" size="20" value="" /> <br />
<p class="csc-form-commentcell"> </p>
<input type="submit" name="submit" id="orderFormsubmit" value="Registrovať" class="submit" /> <br />
</div>
</form>

Formulár ako obsahový element

Ukážka >>

Typoscript setup

Kód nastavuje zobrazovanie checkboxu pred elementom label.

tt_content.mailform.20 {
...
CHECK.layout = <div class="csc-mailform-field special-label">###FIELD### ###LABEL###</div>
}

Obsah (mailový formulár)

<h3>Vaše kontaktné údaje</h3>
Meno a priezvisko: * | *meno=input,40 |
Email: * | *email=input,20 | | EMAIL

<p> </p> <br />
<h3>Váš známy</h3>
Meno a priezvisko: * | *znamy_meno=input,40 |
Adresa: * | *znamy_adresa=textarea,40,5 |
Firma: | znamy_firma=input,40 |
Pozícia vo firme: | znamy_pozicia=input,40 |
Email: * | *znamy_email=input,20 | | EMAIL
Mobil: | znamy_mobil=input,20 |
Telefón: | znamy_telefon=input,20 |

<p> </p> <br />
Pošlite zásielku mne | poslite_zasielku_mne=check | 0

<p> </p> <br />
Mám záujem o spoluprácu ako PARTNER, kontaktujte ma prosím | spolupraca_partner=check | 0
Mám záujem o bližšie informácie, kontaktujte ma prosím | blizsie_informacie=check | 0
Mám záujem o stretnutie, kontaktujte ma prosím | stretnutie=check | 0
Mám záujem o vaše produkty, kontaktujte ma prosím | produktzy=check | 0
Mám záujem dostávať emailom novinky a akciové ponuky vašich produktov | novinky=check | 0

<p> </p> <br />
<p><em>* - povinné údaje, prosíme vyplniť</em></p>

| formtype_mail=submit | Odoslať
| html_enabled=hidden | 1
| subject=hidden | Pošli list známemu

Ukážka (screenshot)

 
Žiadne dokumenty ani odkazy k tejto stránke.