Profile widget
Following is the list of CSS classes applied to the following templates of the
Profile widget:
Read mode template
| Class set to | Default HTML tag |
| User profile wrapper in Auto generated fields read mode | <ul> |
| User profile wrapper in Article-like read mode | <div> |
| User profile wrapper in List-like read mode | <div> |
| Single profile field wrapper | <li> in Auto generated fields mode, <div> in Article-like and List-like modes |
| Avatar outer wrapper in Article-like and List-like modes | <div> |
| Avatar outer wrapper in Auto generated fields mode | <li> |
| Wrapper of first and last name fields in Article-like mode | <div> |
| Wrapper of first name field in Article-like and List-like modes | <div> |
| Wrapper of last name field in Article-like and List-like modes | <div> |
| Wrapper of about field in Article-like and List-like modes | <div> |
| Field label | <div> |
| Profile field text | <div> |
| Avatar inner wrapper | <div> |
| Wrapper of Edit Profile and Change Password links | <div> |
| Edit Profile link | <a> |
| Change Password link | <a> |
| User not logged in message | <div> |
| Profile successfully updated message | <div> |
| Profile not successfully updated message | <div> |
Edit mode template
| Class set to | Default HTML tag |
| sfprofileAutoEditFormWrp | Wrapper Auto generated fields edit mode | <fieldset> |
| sfprofileEditFormWrp | Wrapper Profile form edit mode | <fieldset> |
| sfprofileField | Single profile field wrapper | <li> in Auto generated fields mode, <div> in Article-like and List-like modes |
| sfprofileAvatar | Avatar outer wrapper in Profile form modes | <div> |
| sfUserAvatar | Avatar outer wrapper in Auto generated fields mode | <li> |
| sfprofileFirstName | Wrapper of first name field in Profile form modes | <li> |
| sfprofileLastName | Wrapper of last name field in Profile form modes | <li> |
| sfprofileAbout | Wrapper of about field in Profile form modes | <li> |
| sfTxtLbl | Field label | <label> |
| sfFieldWrp | Text input field wrapper | <div> |
| sfTxt | Text input | <input>, <textarea> |
| sfImgPreviewWrp | Avatar wrapper | <div> |
| sfPreviewImgFrame | Avatar image inner wrapper | <div> |
| sfChange | Change photo link | <a> |
| sfReuploadImgWrp | Change photo wrapper | <div> |
| sfCancel | Don't change photo link | <a> |
| sfprofileLnkWrp | Wrapper of Save changes and Cancel buttons | <div> |
| sfprofileEditLnk | Save changes button | <a> |
| Cancel link | <a> |
Change password template
| Class set to | Default HTML tag |
| sfprofileChangePasswordFormWrp | Change password form wrapper | <fieldset> |
| sfprofileFieldsList | Field list | <ol> |
| sfprofileField | Single field wrapper | <li> |
| sfTxtLbl | Field label | <label> |
| sfFieldWrp | Text input field wrapper | <div> |
| sfTxt | Text input | <input> |
| sfprofileLnkWrp | Wrapper of Save changes and Cancel buttons | <div> |
| sfprofileSaveLnk | Save changes button | <a> |
| Cancel link | <a> |