MyBB Community Forums

Full Version: Create drop-down menu for custom profile field
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I am using custom profile fields and I would like to be able to make one a drop-down menu instead of a select box or text area. Can someone point me in the right direction? Thanks!
Isn't a select box a dropdown menu? 0.o. Or what exactly do you mean by "dropdown menu"?
Last time I checked, yeah, a "select box" and a "dropdown menu" are the exact same thing.
Galen Wrote:Last time I checked, yeah, a "select box" and a "dropdown menu" are the exact same thing.

That's what I thought, but when I use the "select box" option in Firefox, it shows up as a big huge long box with all the options showing, instead of a drop down menu that only shows all the options when you click on it. I hope I'm making sense here. I can find an example if you need to see one.
Yupp I need an example to get that. I don't get that. Also if you could, paste me the source code of the page. Rightclick -> View Page source.
Ok, basically I am trying to create a dropdown menu for people to select their state and I want it to look like the language settings dropdown.  I've only got the first few in because I didn't want to have to redo the whole thing if it didn't work right.  I don't understand why it is doing this, but instead of a drop down menu, it's showing up in one long box with tons of whitespace (see the picture I'm attaching).

Here's the code for the form (hope I'm doing this right--I've only been browsing the forums a couple of days now):

<form action="member.php" method="post">

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>Registration</strong></td>
</tr>
<tr>
<td width="50%" class="trow1" valign="top">
<fieldset class="trow2">
<legend><strong>Account Details</strong></legend>
<table cellspacing="0" cellpadding="4">
<tr>
<td colspan="2"><span class="smalltext">Username:</span></td>
</tr>
<tr>
<td colspan="2"><input type="text" class="textbox" name="username" size="40" value="" /></td>
</tr>
<!-- start: member_register_password -->
<tr>
<td><span class="smalltext">Password:</span></td>
<td><span class="smalltext">Confirm Password:</span></td>
</tr>
<tr>
<td><input type="password" class="textbox" name="password" size="20" /></td>
<td><input type="password" class="textbox" name="password2" size="20" /></td>
</tr>

<!-- end: member_register_password -->
<tr>
<td><span class="smalltext">Email:</span></td>
<td><span class="smalltext">Confirm Email:</span></td>
</tr>
<tr>
<td><input type="text" class="textbox" name="email" size="20" maxlength="50" value="" /></td>
<td><input type="text" class="textbox" name="email2" size="20" maxlength="50" value="" /></td>
</tr>
</table>
</fieldset>
<!-- start: member_register_requiredfields -->
<fieldset class="trow2">
<legend><strong>Additional Information</strong></legend>
<table cellspacing="0" cellpadding="4">
<!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">First Name</span></td>
<tr>
<td><input type="text" name="profile_fields[fid7]" class="textbox" size="20" maxlength="255" value="" /></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">Last Name</span></td>
<tr>
<td><input type="text" name="profile_fields[fid8]" class="textbox" size="20" maxlength="255" value="" /></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">Address</span></td>
<tr>
<td><input type="text" name="profile_fields[fid9]" class="textbox" size="20" maxlength="255" value="" /></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">City</span></td>
<tr>
<td><input type="text" name="profile_fields[fid10]" class="textbox" size="20" maxlength="250" value="" /></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">County</span></td>
<tr>
<td><input type="text" name="profile_fields[fid13]" class="textbox" size="20" maxlength="255" value="" /></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">State</span></td>
<tr>
<td><select name="profile_fields[fid16]" size="20"><option value="Arizona" >Arizona</option><option value="Alaska" >Alaska</option><option value="Arkansas" >Arkansas</option><option value="California" >California</option><option value="Colorado" >Colorado</option></select></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">ZIP</span></td>
<tr>
<td><input type="text" name="profile_fields[fid12]" class="textbox" size="20" maxlength="255" value="" /></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">Phone</span></td>
<tr>
<td><input type="text" name="profile_fields[fid14]" class="textbox" size="20" maxlength="255" value="" /></td>
</tr>
<!-- end: member_register_customfield --><!-- start: member_register_customfield -->
<tr>
<td><span class="smalltext">Be an Area Coordinator?</span></td>
<tr>
<td><input type="checkbox" class="checkbox" name="profile_fields[fid15][]" value="Yes"  /> <span class="smalltext">Yes</span><br /><input type="checkbox" class="checkbox" name="profile_fields[fid15][]" value="No"  /> <span class="smalltext">No</span><br /></td>
</tr>
<!-- end: member_register_customfield -->
</table>
</fieldset>
<!-- end: member_register_requiredfields -->
<!-- start: member_register_referrer -->
<br />
<fieldset class="trow2">
<legend><strong>Referrer:</strong></legend>
<table cellspacing="0" cellpadding="4">
<tr>
<td><span class="smalltext">If you were referred to these forums by another member you can enter their name below. If not, simply leave this field blank.</span></td>
</tr>
<tr>
<td>
<input type="text" class="textbox" name="referrername" value="" />
</td>
</tr></table>
</fieldset>
<br />
<!-- end: member_register_referrer -->
<!-- start: member_register_regimage -->
<br />
<fieldset class="trow2">
<legend><strong>Image Verification</strong></legend>
<table cellspacing="0" cellpadding="4">
<tr>
<td><span class="smalltext">Please enter the text contained within the image on the right in to the textbox below it. This process is used to prevent automated signups.</span></td>
<td rowspan="2" align="center"><img src="captcha.php?action=regimage&amp;imagehash=d9afeda9b46592ca1402ac252bb8e6fd" alt="Image Verification" /><br /><span style="color: red;" class="smalltext">(case in-sensitive)</span></td>
</tr>
<tr>
<td><input type="text" class="textbox" name="imagestring" value="" /><input type="hidden" name="imagehash" value="d9afeda9b46592ca1402ac252bb8e6fd" /></td>
</tr>
</table>
</fieldset>
<!-- end: member_register_regimage -->
</td>
<td width="50%" class="trow1" valign="top">
<fieldset class="trow2">
<legend><strong>Account Preferences:</strong></legend>
<table cellspacing="0" cellpadding="4">
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="allownotices" id="allownotices" value="yes" checked="checked" /></td>
<td valign="top"><span class="smalltext"><label for="allownotices">Receive emails from the Administrators.</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="hideemail" id="hideemail" value="yes"  /></td>
<td valign="top"><span class="smalltext"><label for="hideemail">Hide your email from other members.</label></span></td>

</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="emailnotify" id="emailnotify" value="yes"  /></td>
<td valign="top"><span class="smalltext"><label for="emailnotify">Automatically subscribe to threads you post in.</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="receivepms" id="receivepms" value="yes" checked="checked" /></td>
<td valign="top"><span class="smalltext"><label for="receivepms">Receive private messages from other users.</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="pmpopup" id="pmpopup" value="yes" checked="checked" /></td>
<td valign="top"><span class="smalltext"><label for="pmpopup">Alert me with a popup box when I receive a Private Message.</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="emailpmnotify" id="emailpmnotify" value="yes"  /></td>
<td valign="top"><span class="smalltext"><label for="emailpmnotify">Notify me by email when I receive a new Private Message.</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="invisible" id="invisible" value="yes"  /></td>
<td valign="top"><span class="smalltext"><label for="invisible">Hide me from the Who's Online list.</label></span></td>
</tr>
</table>
</fieldset>
<br />
<fieldset class="trow2">
<legend><strong>Timezone Settings:</strong></legend>
<table cellspacing="0" cellpadding="4">
<tr>
<td colspan="2"><span class="smalltext">If you live in a timezone which differs to what this board is set at, you can select it from the list below. GMT time now is 06:36 PM.</span></td>
</tr>
<tr>
<td><!-- start: usercp_options_timezoneselect -->
<select name="timezoneoffset">
<option value="-12" > -12:00 Hours (06:36 AM)</option>
<option value="-11" > -11:00 Hours (07:36 AM)</option>
<option value="-10" > -10:00 Hours (08:36 AM)</option>
<option value="-9" > -9:00 Hours (09:36 AM)</option>
<option value="-8" > -8:00 Hours (10:36 AM)</option>
<option value="-7" > -7:00 Hours (11:36 AM)</option>
<option value="-6" > -6:00 Hours (12:36 PM)</option>
<option value="-5" > -5:00 Hours (01:36 PM)</option>
<option value="-4" > -4:00 Hours (02:36 PM)</option>
<option value="-3.5" > -3:30 Hours (03:06 PM)</option>
<option value="-3" > -3:00 Hours (03:36 PM)</option>
<option value="-2" > -2:00 Hours (04:36 PM)</option>
<option value="-1" > -1:00 Hours (05:36 PM)</option>
<option value="0" > (06:36 PM)</option>
<option value="+1" > +1:00 Hours (07:36 PM)</option>
<option value="+2" > +2:00 Hours (08:36 PM)</option>
<option value="+3" > +3:00 Hours (09:36 PM)</option>
<option value="+3.5" > +3:30 Hours (10:06 PM)</option>
<option value="+4" > +4:00 Hours (10:36 PM)</option>
<option value="+4.5" > +4:30 Hours (11:06 PM)</option>
<option value="+5" > +5:00 Hours (11:36 PM)</option>
<option value="+5.5" > +5:30 Hours (12:06 AM)</option>
<option value="+5.75" > +5:45 Hours (12:21 AM)</option>
<option value="+6" > +6:00 Hours (12:36 AM)</option>
<option value="+7" > +7:00 Hours (01:36 AM)</option>
<option value="+8" > +8:00 Hours (02:36 AM)</option>
<option value="+9" > +9:00 Hours (03:36 AM)</option>
<option value="+9.5" > +9:30 Hours (04:06 AM)</option>
<option value="+10" selected="selected"> +10:00 Hours (04:36 AM)</option>
<option value="+10.5" > +10:30 Hours (05:06 AM)</option>
<option value="+11" > +11:00 Hours (05:36 AM)</option>
<option value="+12" > +12:00 Hours (06:36 AM)</option>
</select>
<!-- end: usercp_options_timezoneselect --></td>
</tr>
<tr>
<td valign="top" colspan="2"><input type="checkbox" class="checkbox" name="enabledst" id="enabledst" value="yes"  />   <span class="smalltext"><label for="enabledst">Enable Daylight Savings Time Correction?</label></span></td>
</tr>
</table>
</fieldset>
<br />
<fieldset class="trow2">
<legend><strong>Language Settings:</strong></legend>
<table cellspacing="0" cellpadding="4">
<tr>
<td colspan="2"><span class="smalltext">If you live in a country that speaks a language other than the forums default, you may be able to select an installed, read-able langauge pack below.</span></td>
</tr>
<tr>
<td><select name="language"><option value="">Use Default</option><option value="">-----------</option><option value="english">English (American)</option>
</select></td>
</tr>
</table>
</fieldset>
</td>
</tr>
</table>
<br />
<div align="center">
<input type="hidden" name="action" value="do_register" />
<input type="submit" class="button" name="regsubmit" value="Submit Registration!" />
</div>
</form>
Now I am smacking my head. The field length was set to 20 and I totally missed that. Disregard my stupidity, please!
You don't need to post it twice. Okey. On the page you edit/add the custom profile field. You have a field called "Field Length" set it to 0.
Sorry, the double post was an accident.  I think I need more coffee today or something because the brain just is not in gear.  Naptime! Thanks anyway, though!