Since the standard XF regform is replaced(extended?) by FBHP, how would we implement
http://xenforo.com/community/resources/add-icons-to-your-registration-form.1399/ on our FBHP reg forms?
In exactly the same way (add it to your extra.css), the fields all use the same class names as before
Actually, it's going to be harder, give me a minute
In that example, the extra css is targeting the field names (these have all of course been changed since the standard fields names are now honey pots)
To do this, you need to add a class to each of the real fields, but you need to know which ones are real
The real fields in the template are named:
$uuids.1 // visible username
$uuids.2 // visible email
$uuids.3 // visible password
$uuids.4 // visible password_confirm
$uuids.5 // visible timezone
$uuids.6 // visible gender
The actual names of the real fields change every time the page is loaded (making it very hard to inject text into). For this reason, they also can't be targeted with css
So, to change the style of the username, update the following template: Foolbothoneypot_uuid1_namefield1
and add ctrl_username to the class, like so:
Code:
<dl class="ctrlUnit">
<dt><label for="ctrl_{$uuids.1}">{xen:phrase name}:</label></dt>
<dd>
<input type="text" name="{$uuids.1}" value="{$fields.uuid1}" class="textCtrl ctrl_username" id="ctrl_{$uuids.1}" autofocus="true" autocomplete="off" />
<p class="explain">{xen:phrase this_is_name_that_will_be_shown_with_your_messages}</p>
</dd>
</dl>
and then in extra.css, add (note the dot, not a #):
.ctrl_username {
background-image:url(linktoiconhere);
background-position:8px;
background-repeat:no-repeat;
}
You can then repeat the same logic for each of the other fields.
Location of 'real' visible fields:
username is in template:
Foolbothoneypot_uuid1_namefield1
email is in template:
Foolbothoneypot_uuid2_emailfield1
password is in template:
Foolbothoneypot_uuid3_4_passfield
password_confirm is in template: (also)
Foolbothoneypot_uuid3_4_passfield
timezone is in template:
Foolbothoneypot_uuid5_timezfield
gender is in template:
Foolbothoneypot_uuid6_genderfield