Sorry I forgot to mention above…
I even tried to move the
<p class=”description”><?php bp_the_profile_field_description(); ?></p>
further up in the edit.php and can get the description to move only above the field label….not below the label
I tried about 8 different locations in the file…its’ either above the field label or below the checkbox/text fields
The solution I put in the FAQ is very dependent of html code, so probably the other groups of fields are different. Send me a link yo see it and I try to check it when I have time if you want.
Hi Donmik
Thank you for getting back to me.
The site is thegiftvillage(dot)com and you would need to login with this dummy profile
Username : electromagnetic
password : dV&%%3%rMS7&2%
The site is still in production so has not been set to index with the search engines yet.
If you get the time I would really appreciate it, thank you
ps: sorry about the password…it’s just habit!
Hi,
Put the javascript in edit.php or where you need it. I can’t see it in html code. I revised edit profile form and other group fields. It should work so maybe it’s a javascript error.
Hey Donmik
Somethings working, have a look here
http://awesomescreenshot.com/0d33odtz8b
I added the javascript to the edit.php at the bottom of the file ( I’m not sure if this is the place to put it)… before the last two statements
‘<?php endwhile; endif; ?>
<?php do_action( ‘bp_after_profile_edit_content’ ); ?>’
Now the description is below the field label for “text” input fields….but the “checkbox” fields repeat the description and still have it at the end of the field.
I’m really excited this is coming together…is there a js fix for this?
thank you for you’re input
Try this:
jQuery('p.description').each(function() {
// Clone description.
// Looking for parent div.
// Looking for label of checkbox field or radio field first.
var desc = jQuery(this).clone(),
parent = jQuery(this).parent(),
label = parent.find('span.label');
// If there is no label of checkbox field or radio field, we look for normal labels.
if (!label.length) {
label = parent.find('label:first');
}
// If there is a label.
if (label.length) {
// Putting the description after the label.
label.after(desc);
// Removing the original description.
jQuery(this).remove();
}
});
I’ve changed this line
label = parent.find(‘label:first’);
This will take only the first label instead of all labels.
You can add javascript at the bottom of file, no problem.
Hi Donmik
🙂 this seems to have done the trick!!!! see image link
http://awesomescreenshot.com/0133oh0bc3
I wrapped your code in <script> </script>…not sure if that’s redundant
I can’t thank you enough for the assistance you provided. I have battled with this issue for some time now….thank you.
Great!
Yes, you need to wrap it with <script> tag.
You’re welcome!