OTRS-Customer-Portal-Additional-SignUp-Field

• Based on OTRS CE 6.0.30
• Add another field at OTRS Customer Portal Registration / Sign-Up Page

1) For example, UserMobile and UserCountry field (based on Config.pm / Defaults.pm),

    [ 'UserMobile',       Translatable('Mobile'),              'mobile',         1, 0, 'var', '', 0, undef, undef ],
    [ 'UserCountry',      Translatable('Country'),             'country',        1, 0, 'var', '', 0, undef, undef ],

2) For Mobile field, since this field is text input field,

a) at Custom/Kernel/Output/HTML/Templates/Standard/CustomerLogin.tt,  
    inside Signup div
***Input name and id must be same with the definition at Config mapping (e.g: Mobile)!!.***  
***You may want to build additional css class to check on validation value.***      
    <!-- BEGIN ADDITIONAL FIELD -->
    <div class="NewLine">
        <label for="Mobile">[% Translate("Mobile Number") | html %]</label>
        <input title="[% Translate("Your mobile number") | html %]" type="text" name="Mobile"  id="Mobile" class="W50pc" value="[% Data.UserMobile | html %]"/>
    </div>
    <!-- END ADDITIONAL FIELD -->

3) For Country, I may want to make it as dropdown selection.

a) So, defined it first in Custom/Kernel/Output/HTML/Layout.pm
Just before this block,
    $Self->Block(
        Name => 'CreateAccountLink',
        Data => \%Param,
    );
Add,
    #BEGIN ADDITIONAL FIELD
    my $CountryRef = [
        'Malaysia',
        'Singapore',
        'Indonesia',
        'Thailand',
    ];
    ##***Input name and id must be same with the definition at Config mapping (e.g: Country)!!***
    $Param{UserCountry} = $Self->BuildSelection(
        Data            => $CountryRef,       
        Name            => 'Country',        # name of element
        ID              => 'Country',         # (optional) the HTML ID for this element, if not provided, the name will be used as ID as well
        SelectedID      => '',
        Class           => 'Validate_Required Modernize W50pc', 
        PossibleNone   => 1, 
        Title          => 'Your Country',
        Multiple        => 0,                # (optional) default 0 (0|1)
        Size            => 1,                # (optional) default 1 element size
        TreeView       => 0,                 # (optional) default 0 (0|1)
    );
    #END ADDITIONAL FIELD 
b) at Custom/Kernel/Output/HTML/Templates/Standard/CustomerLogin.tt,   
inside Signup div
    <!-- BEGIN ADDITIONAL FIELD -->
    <div class="NewLine">
        [% Data.UserCountry %]
    </div>
    <!-- END ADDITIONAL FIELD -->

4) (Optional) Manually update $OTRS_HOME/var/httpd/htdocs/skins/Customer/default/css/Core.Login.css

Increase height for example 400px for #Slider and #PreLogin. Play around with the css to suit your need.    

5) All modified files has been tag with BEGIN ADDITIONAL FIELD and END ADDITIONAL FIELD