BuddyPress.org

A unique ID is easy enough, just use the loop to output a unique value. e.g.

$i = '1';
if ( $items = bp_get_profile_field_data( array( 'field' => 'Budget' ) ) ) {
    foreach ( $items as $item ) { ?>
        <!-- put what you want here -->
        <?php echo 'item-' . $i; ?>
        <?php echo $item; ?>
        <?php $i++; ?>
        <!-- put what you want here -->
    <?php }
}

Is budget a field that you’ve set up under WP Admin > Profile Fields? and is it of type ‘checkbox’? also are you displaying the values on the user’s profile page? if yes to all of these then this should work:

if ( $items = bp_get_profile_field_data( array( 'field' => 'Budget' ) ) ) {
    foreach ( $items as $item ) { ?>
        <!-- put what you want here -->
        <?php echo $item; ?>
        <!-- put what you want here -->
    <?php }
}

Note: I’ve amended the code so you can insert HTML a bit easier

Hi @applegateian – I think the problem might be the snippet you’re using to output the data string.

try doing something like this:

if ( $items = bp_get_member_profile_data( array( 'field' => 'Budget' ) ) ) {
    foreach ( $items as $item ) {
        // put whatever you want here
        echo $item;
        // put what you want here
    }
}

Note: I haven’t tested.

@applegateian
Maybe I am missing something here! Did you add those fields in the dashboard, or was it some custom hack?

@applegateian
If your on the view profile page and you are inspecting with dev tools you should see a tr class with the field_ID followed by td class label and td class data. You should be able to use those to your advantage.

@applegateian
I just created a checkbox called “Sign up for our newsletter” and this is what is return when I inspect the element:

<div class="editfield field_21 field_sign-up-for-our-newsletter">

				
				
				
				
				
				
					<div class="checkbox">
						<span class="label">Sign up for our newsletter </span>

						<label><input checked="checked" type="checkbox" name="field_21[]" id="field_22_0" value="Yes"> Yes</label>					</div>

				
				
				
									<p class="field-visibility-settings-toggle" id="field-visibility-settings-toggle-21">
						This field can be seen by: <span class="current-visibility-level">Anyone</span> <a href="#" class="visibility-toggle-link">Change</a>
					</p>

					<div class="field-visibility-settings" id="field-visibility-settings-21" style="display: none;">
						<fieldset>
							<legend>Who can see this field?</legend>

							<ul class="radio"><li><label for="see-field_public"><input type="radio" id="see-field_public" name="field_21_visibility" value="public" checked="checked"> Anyone</label></li><li><label for="see-field_loggedin"><input type="radio" id="see-field_loggedin" name="field_21_visibility" value="loggedin"> Logged In Users</label></li><li><label for="see-field_adminsonly"><input type="radio" id="see-field_adminsonly" name="field_21_visibility" value="adminsonly"> Admins Only</label></li><li><label for="see-field_friends"><input type="radio" id="see-field_friends" name="field_21_visibility" value="friends"> My Friends</label></li></ul>
						</fieldset>
						<a class="field-visibility-settings-close" href="#">Close</a>
					</div>
				
				
				<p class="description"></p>
			</div>

I could see how this could be targeted. Are you inspecting on the edit profile page that has the checkbox’s?

@applegateian
Have you tried using firefox in conjunction with firebug to target those elements? You could also use google chromes or IE’s dev tools.

@applegateian each checkbox should have a unique ‘id’ which you can use to target specific checkboxes.

Do you have a link to your page with the checkboxes on it?

You have to give the field a title when you add new profile fields via WP Admin > Users > Profile Fields. Whatever you’ve chosen as your field title is what you should use

Any suggestions on how to do with an existing drop-down select box field type in Profile Fields?

If you are referring to what the users see and not the admin like in your screenshot you can just target with CSS no need to use a function.

The CSS is:

#buddypress .standard-form .field_2 div.checkbox label

field_2 could be different depending on where you placed the checkboxes in the admin.