No probs... finally can offer someone else help rather than asking all the time
I have only used the &customFields as I don’t mind the information being stored in the web_user_attributes_extended table. All is stored in my database and shows up in your profile, it’s also editable and stores. User images works fine for me... the call below dictates dimensions and maximum size of the user image.
My call for the registration
[!WebLoginPE? &type=`register` &userImage=`200000,250,250` ®isterTpl=`registerTpl` &loginFormTpl=`loginTpl` ®SuccessId=`29` ®SuccessPause=`3` &groups=`Registered Member` ®Required=`email,username,fullname,password,formcode,tos` &customFields=`address1,address2,address3`!]
My registration form (i created this as a chunk and called as ®isterTpl=`registerTpl` in the above call)
[+wlpe.message+]
<div style="width:500px; padding:20px 20px 20px 0px; margin: 0 auto">
<form id="wlpeUserRegisterForm" action="[~[*id*]~]" method="post" enctype="multipart/form-data">
<h3>Register for a new user account</h3>
<p>Use this form to register for a new user account.<br />
<span class="info">Filds marked with <span class="required">*</span> are required.</span>
</p>
<fieldset style="width:380px;margin: 0 auto;border: 1px dashed rgb(85, 85, 85); padding: 60px; margin-bottom: 50px;margin-top:50px; text-align: center;">
<h3>User Details</h3>
<p>* Desired User Name</p>
<label for="wlpeUserRegisterUserName"><span class="required"></span>
<input size="20" id="wlpeUserRegisterUserName" type="text" name="username" value="[+post.username+]" />
</label>
<p>* Full Name</p>
<label for="wlpeUserRegisterFullName"><span class="required"></span>
<input size="20" id="wlpeUserRegisterFullName" type="text" name="fullname" value="[+post.fullname+]" />
</label>
<p>* Email</p>
<label for="wlpeUserRegisterEmail"><span class="required"></span>
<input size="20" id="wlpeUserRegisterEmail" type="text" name="email" value="[+post.email+]" />
</label>
<p>Date of birth (MM-DD-YYYY)</p>
<p>
<label for="wlpeUserRegisterDob"><span class="info"></span>
<input size="20" id="wlpeUserRegisterDob" type="text" name="dob" value="[+post.dob+]" />
</label>
</p>
<p>Gender</p>
<p>
[+form.gender+]
</p>
</fieldset>
<fieldset style="width:380px;margin: 0 auto;border: 1px dashed rgb(85, 85, 85); padding: 60px; margin-bottom: 50px;margin-top:50px; text-align: center;">
<h3>Password</h3>
<p>* Password</p>
<label for="wlpeUserRegisterPassword"><span class="required"></span>
<input size="20" id="wlpeUserRegisterPassword" type="password" name="password" value="[+post.password+]" />
</label>
<p>* Password (confirm)</p>
<label for="wlpeUserRegisterPasswordConfirm"><span class="required"></span>
<input size="20" id="wlpeUserRegisterPasswordConfirm" type="password" name="password.confirm" value="[+post.password.confirm+]" />
</label>
</fieldset>
<fieldset style="width:380px;margin: 0 auto;border: 1px dashed rgb(85, 85, 85); padding: 60px; margin-bottom: 50px;margin-top:50px; text-align: center;">
<h3>Address Details</h3>
<p>Address Line 1</p> <label for="wlpeUserProfileaddress1">
<input id="wlpeUserProfileaddress1" type="text" value="[+user.address1+]" name="address1"/>
</label>
<p>Address Line 2</p> <label for="wlpeUserProfileaddress2">
<input id="wlpeUserProfileaddress2" type="text" value="[+user.address2+]" name="address2"/>
</label>
<p>Address Line 3</p> <label for="wlpeUserProfileaddress3">
<input id="wlpeUserProfileaddress3" type="text" value="[+user.address3+]" name="address3"/>
</label>
<p>County/State</p>
<label for="wlpeUserRegisterState">
<input size="20" id="wlpeUserRegisterState" type="text" name="state" value="[+post.state+]" />
</label>
<p>Post/Zip Code</p>
<label for="wlpeUserRegisterZip">
<input size="20" id="wlpeUserRegisterZip" type="text" name="zip" value="[+post.zip+]" />
</label>
<p>Country</p><p>
[+form.country+]
</p>
</fieldset>
<fieldset style="width:380px;margin: 0 auto;border: 1px dashed rgb(85, 85, 85); padding: 60px; margin-bottom: 50px;margin-top:50px; text-align: center;">
<h3>Contact Numbers</h3>
<p>Phone number</p>
<label for="wlpeUserRegisterPhone">
<input size="20" id="wlpeUserRegisterPhone" type="text" name="phone" />
</label>
<p>Mobile number</p>
<label for="wlpeUserRegisterMobile">
<input size="20" id="wlpeUserRegisterMobile" type="text" name="mobilephone" value="[+post.mobilephone+]" />
</label>
<p>Fax number</p>
<label for="wlpeUserRegisterFax">
<input size="20" id="wlpeUserRegisterFax" type="text" name="fax" value="[+post.fax+]" />
</label>
</fieldset>
<fieldset style="width:380px;margin: 0 auto;border: 1px dashed rgb(85, 85, 85); padding: 60px; margin-bottom: 50px;margin-top:50px; text-align: center;">
<h3>Logo & Signature</h3>
<img id="wlpeUserDefaultImage" src="assets/snippets/webloginpe/userimages/logodefault.png" alt="Default User Image" title="Default User Image" height="250" width="250" />
<p>User Photo</p> <label for="wlpeUserProfilePhoto" id="photolabel">
<input id="wlpeUserProfilePhoto" type="file" name="photo" />
</label>
<p id="wlpeUserProfilePhotoInfo" class="info">Upload your company logo to associate with your account</p><p>No bigger than 200kb & will be resized to 250 x 250 pixels.</p>
<p>Comment/Signature</p>
<label for="wlpeUserProfileComment">
<textarea id="wlpeUserProfileComment" rows="8" cols="40" name="comment">[+user.comment+]</textarea>
</label>
</fieldset>
<div style="overflow:auto;height:200px;width:380px;margin: 0 auto;border: 1px dashed rgb(85, 85, 85); padding: 60px; margin-bottom: 50px;margin-top:50px; text-align: left;">
[+tos+]
</div>
<fieldset style="width:380px;margin: 0 auto;border: 1px dashed rgb(85, 85, 85); padding: 60px; margin-bottom: 50px;margin-top:50px; text-align: center;">
<h3>Acceptance & Anti Spam</h3>
<p><span class="required">*</span>I accept the Terms of Service<label for="wlpeTosCheckbox" id="wlpeTosCheckboxLabel">
<input size="20" type="checkbox" id="wlpeTosCheckbox" name="tos" />
</label></p>
<div> <img id="wlpeCaptchaImage" src="manager/includes/veriword.php" width="148" height="60" alt="If you have trouble reading the code, click on the code itself to generate a new random code." /></div>
<p><span class="required">*</span>Please enter the code in the image. </p>
<p> <label for="wlpeUserRegisterCaptcha" id="wlpeCaptchaLabel">
<input type="text" id="wlpeUserRegisterCaptcha" name="formcode" />
</label></p>
<button type="submit" id="wlpeSaveRegisterButton" name="service" value="register">Register</button>
<button type="submit" id="wlpeCancelRegisterButton" name="service" value="cancel">Cancel</button>
</fieldset>
</form>
</div>
Which ever custom fields you make they will show up in the modx_web_user_attributes_extended area of you database.
If there’s anything else you need to know, let me know. I’ll try to answer as best as I can. Also, just noticed that some of my styling is left in this code so if you don’t wish fieldsets or divs just take them out!
Ross
☆ A M B ☆
