Edit Avatar Tag
Overview
{exp:member:edit_avatar}This tag allows users to edit their avatar image. The image will be uploaded to Avatar directory as set in Avatar Settings and is required to be less than maximum file size specified in the settings. If the image exceeds maximum width or height, it will be automatically resized.
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.
return=
return="member/profile"
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
userfile
File input to upload new avatar.
<label for="email">Select file to upload as avatar</label>
<input type="file" name="userfile" />
remove
Submitting the input with this name will remove current avatar.
<input type="button" name="remove" value="Remove avatar" />Conditionals
if avatar
{if avatar}
Your current avatar:
<img src="{avatar_url}" width="{avatar_width}" height="{avatar_height}">
{/if}The content is shown if the user has an avatar uploaded.
if no_avatar
{if avatar}
No avatar image.
{/if}The content is shown if the user does not have an avatar.
Variables
avatar_url
avatar_filename
avatar_width
avatar_height
Example
{exp:member:edit_avatar return="{segment_1}/profile-avatar"}
Current Avatar:
{if avatar}
My avatar: <img src="{avatar_url}" border="0" width="{avatar_width}" height="{avatar_height}" />
{/if}
{if no_avatar}No avatar{/if}
<div>
Upload an avatar: <input type="file" name="userfile" size="20" class="input" /><br>
</div>
<input type='submit' class='submit' value='Upload Avatar' />
{if avatar}
<input type='submit' class='submit' value='Remove Avatar' name="remove" />
{/if}
{/exp:member:edit_avatar}