Edit Profile Tag
Overview
exp:member:edit_profile
This template tag allows editing a member’s profile using the form that is similar to Channel Form
Parameters
Valid HTML Form attributes (as listed in the config file), data-
and aria-
attributes passed through ExpressionEngine tag parameters in the template will be included into generated opening form tag.
datepicker=
Include the datepicker javascript. This should be set to yes
if there is a date type member custom field in order to output the calendar.
datepicker="yes"
include_assets=
include_assets="yes"
Adds the Javascript and CSS that is required by custom member fields to your form. By default, these are not included
datepicker=
datepicker="no"
Adds the datepicker to your date fields. Defaults to “yes”.
Note: If you are manually constructing a date field, in order to apply the date picker you must include rel="date-picker"
.
include_css=
include_css="no"
Allows you to manage the inclusion of required CSS independently from the include_assets
parameter. Defaults to “yes”.
include_jquery=
include_jquery="no"
Includes jQuery automatically. Defaults to “yes”.
Note: If you are using your own copy of jQuery you will need to load it before the form.
return=
return="member/registration/success"
form_class=
form_class="login"
This parameter allows you to specify the class attribute for the <form> tag.
form_id=
form_id="login"
This parameter allows you to specify the id attribute for the <form> tag.
form_name=
form_name="login"
This parameter allows you to specify a name attribute for the <form> tag.
Form Inputs
Be sure to include the required Javascript and CSS to use the native Password Validation.
Member email address.
<label for="email">Email</label>
<input type="email" name="email" value="{email}" maxlength="120" size="40" />
Password
Member password. This is a required field.
<label>Your New Password</label><br />
<input type="password" name="password" value="" maxlength="50" size="40" />
Password Confirmation
Password confirmation. If a new password is submitted, the password confirmation field is required and must match the entered password.
<label>Confirm New Password</label><br />
<input type="password" name="password_confirm" value="" maxlength="50" size="40" />
Current Password
If the password or the email address is submitted, the current password field is required.
<label>Confirm New Password</label><br />
<input type="password" name="current_password" value="" maxlength="50" size="40" />
Screen name
Member Screen name. This is a required field:
<label for="screen_name">Screen Name</label>
<input type="text" name="screen_name" value="{screen_name}" maxlength="120" size="40" />
Username
Member username. This is a required field and must be unique across the site:
<label for="username">Username</label>
<input type="text" name="username" value="{username}" maxlength="120" size="40" />
Custom field
The custom profile fields can be displayed individually by addressing them using the field’s short name prefixed with field:
:
{field:birthday}
Custom Profile Field Variable Pair
All custom fields are output inside the {custom_profile_fields}
variable tag pair.
{custom_profile_fields}
<p>
<label>{lang:profile_field}</label><br>
<small>{lang:profile_field_description}</small><br>
{form:custom_profile_field}
</p>
{/custom_profile_fields}
Custom Profile Field Variables
These variables are available inside {custom_profile_fields}
tag pair.
{lang:profile_field}
{field_label}
Outputs the custom field’s label.
{field_id}
Field ID
{field_name}
The field’s short name
{lang:profile_field_description}
{field_instructions}
Outputs the field’s description, if any.
{form:custom_profile_field}
{display_field}
Shows the fully parsed custom member form field.
{field_data}
Saved field data for the member
{if field_required}
Checks whether the field is set as required
{text_direction}
Text direction set for field (rtl
or ltr
)
{maxlength}
Maximum length set for text fields
{field_type}
Short name of the fieldtype used for field
Example
{exp:member:edit_profile
return="member/registration/success"
include_assets="yes"
datepicker="yes"
}
<p>* Required fields</p>
<fieldset>
<h4>Profile</h4>
<p>
<label for="username">Username*:</label><br />
<input type="text" name="username" id="username" value="{username}"/><br />
</p>
<p>
<label for="email">Email:</label><br />
<input type="text" name="email" id="email" value="{email}"/><br />
</p>
<p>
<label for="password">Password:</label><br />
<input type="password" name="password" id="password" value=""/>
</p>
<p>
<label for="password_confirm">Confirm password*:</label><br />
<input type="password" name="password_confirm" id="password_confirm" value=""/>
</p>
<p>
<label for="current_password">Current password*:</label><br />
<em>You <b>must</b> enter your current password to change your password, username or email.</em>
<input type="password" name="current_password" id="current_password" value=""/>
</p>
{custom_profile_fields}
<p>
<label>{lang:profile_field}</label><br>
<small>{lang:profile_field_description}</small><br>
{form:custom_profile_field}
</p>
{/custom_profile_fields}
</fieldset>
<input type="submit" value="Register" class="btn btn-primary" />
{/exp:member:edit_profile}