Tagged: Description, xprofile
Hi Brajesh,
when using some file types, e.g. “Image upload”, “File upload”, “Tag” and maybe some other fields, the field description is placed incorrectly.In case of the “Image upload” field, it is placed below the upload button. Other fields, e.g. the text field place the field description before the text input, which should be standard.
Image: https://ibb.co/SJ0zrPtIn case of the Tag field, the description is also placed below the input field, which overlaps the description.
Image: https://ibb.co/1bFv2M4Can you please correct the placement of the description and put it after the field title and before the input.
Thank you!Hi,
Thank you for reporting the issue. I will check this and update you.I haven’t tested this plugin with BuddyBoss recently(as per your other posts), so I am not sure what to expect when using with that.
Regards
BrajeshOk, thanks for looking into it.
Yes, I’m using Buddyboss, but the thing with description placement works fine for some fields, e.g. “Birthdate selector”: https://ibb.co/Br983Lh
But not for other fields as reported (Image, File, Location, etc.). I did not tested all the other field types.
RegardsHi Scoob,
This is just to confirm that all of our fields have same markup structure.1. Label/Field name
2. input/select elements
3. descriptionIf it is not appearing in that order, Please contact your theme author. Probably, they have some knowledge about it.
Regards
Brajesh- This reply was modified 2 years, 5 months ago by Brajesh Singh.
Hi Brajesh, interesting.
In my comment #45605 I posted a screenshot of a field type “Birthday selector” (https://ibb.co/Br983Lh), which is provided by your plugin. Here, the description is put in second place, after the field name.I copied the beginning html structure here:
<div class="editfield field_50 field_alter field_order_1 required-field visibility-loggedin alt field_type_birthdate"> <fieldset> <legend>Geburtsdatum</legend> <p class="description" tabindex="0">Lorem ipsum</p> <div class="input-options datebox-selects"> <label for="field_50_day" class="xprofile-field-label">Day</label> <select id="field_50_day" name="field_50_day" aria-required="true"> <option value="">----</option> <option value="1" selected="selected">1</option> ...
The other field types act like you describe, description in 3rd place.
So, is there a chance that you update the plugin so admins can choose where the description is placed a) before or b) after the custom input field?
Maybe in the form of an admin display option (when adding/editing) the field type. Or with an “add_filter” method in functions.php.
I would highly appreciate it, because from a usability point of view it makes more sense to read the instruction first (if a description is necessary). The major social networks behave the same.Thanks!
Hi Scoob,
I will suggest you to read the code before accusing me.The markup is not from us but from the BuddyBoss/BuddyPress.
This field extends their date field and the markup you see is coming from date field.
Here is a link to the our code
Do you see any function named edit_field_html there?
Hi Brajesh,
sorry to bother you with this.. I’m not good in php but I could figure out how to solve the problem with some JS, I found here:
https://wordpress.org/support/topic/field-description-below-label-script-not-working/jQuery('p.description').each(function() { // Clone description // Looking for parent // Looking for first label legend var desc = jQuery(this).clone(), parent = jQuery(this).parent(), label = parent.find('legend: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(); } });
Nevertheless I would prefer an add filter solution in your plugin. Because I don’t know the negative aspects (resources) of this JS. On the other hand I understand your time preferences for this free plugin. Which I appreciate very much. Thank you.
Hi Scoob,
I am sorry, the issue is not this plugin. The issue is BuddyBoss platform.When I forked the abandoned plugin you have linked to, I audited all the fields and have made sure that the description/label follow same structure(had missed some initially and did fix that after being reminded).
For the birthdate field, we are extending the date field from BuddyPress/BuddyBoss and the edit form field is shown by them not by this plugin.
So, I do not understand what you want me to fix in this plugin? I will suggest contacting BuddyBoss for it and they will be able to make it correct.Here is the code from BuddyBoss you are asking me to change.
Regards
Brajesh
You must be logged in to reply to this topic.