Login / Status
developer.Resource
Home . Documentation . Document Library . Extension Manuals
Sponsors
hosted by punkt.deTYPO3 and Open Source Magazine

1.5. Tutorial

Customizing the main login box

You can customize the look of the main login box in your ts template (plugin.tx_loginboxmacmade_pi1.loginBox.layout). Here's the default layout that is used by the extension:

<tr>
    <td class="tx-loginboxmacmade-pi1-labelCell" width="25%" align="left" valign="middle">
        ###LABEL###
    </td>
    <td class="tx-loginboxmacmade-pi1-fieldCell" width="75%" align="left" valign="top">
        ###FIELD###
    </td>
</tr>

Customizing the small login box

You can use a custom template for the small login box. Here's the default one:

<!-- ###LOGIN### -->
<form action="###FORM_URL###" method="post" enctype="###FORM_ENCTYPE###">
    <input name="###USERNAME###" type="text" size="10">
    <input name="###PASSWORD###" type="password" size="10">
    <input name="submit" type="image" src="###EXT_PATH###res/login.gif">
    ###HIDDEN_FIELDS###
</form>
<!-- ###LOGIN### -->
<!-- ###LOGOUT### -->
<form action="###FORM_URL###" method="post" enctype="###FORM_ENCTYPE###">
    ###USERNAME###
    <input name="submit" type="image" src="###EXT_PATH###res/logout.gif">
    ###HIDDEN_FIELDS###
</form>
<!-- ###LOGOUT### -->