Modify Birthdate in the edit form

Before I installed this plugin I was able to make some basic changes to BuddyPress profile edit form and was trying to apply the same logic here. I had to make a custom class file by copying the original from core and adjusting a few names. I can get the BuddyPress datebox changes linked up, but can’t get the birthdate one in this plugin.

For the datebox I copied the original to my child theme and renamed the files and class names…

Datebox change
Original: /wp-content/plugins/buddypress/bp-xprofile/classes/class-bp-xprofile-field-type-datebox.php

class BP_XProfile_Field_Type_Datebox extends BP_XProfile_Field_Type {

Custom: /wp-content/themes/genbu-child/custom_class-bp-xprofile-field-type-profile-datebox.inc

class Custom_BP_XProfile_Field_Type_Profile_Datebox extends BP_XProfile_Field_Type {

Birthdate change
Original: /wp-content/plugins/buddypress-xprofile-custom-fields-type/classes/Bxcft_Field_Type_Birthdate.php

if (!class_exists('Bxcft_Field_Type_Birthdate'))
{
    class Bxcft_Field_Type_Birthdate extends BP_XProfile_Field_Type

Custom: /wp-content/themes/genbu-child/custom_bxcft_field_type_birthdate.inc

if (!class_exists('Custom_Bxcft_Field_Type_Birthdate'))
{
    class Custom_Bxcft_Field_Type_Birthdate extends BP_XProfile_Field_Type

In the theme’s functions.php file I added..

include 'custom_class-bp-xprofile-field-type-profile-datebox.inc';
include 'custom_bxcft_field_type_birthdate.inc';
function custom_bp_xprofile_create_uprofile_field_type( $type ) {

        $field = custom_bp_xprofile_get_uprofile_field_types();
        $class = isset( $field[$type] ) ? $field[$type] : '';

        /**
         * To handle (missing) field types, fallback to a placeholder field object if a type is unknown.
         */
        if ( $class && class_exists( $class ) ) {
                return new $class;
        } else {
                return new BP_XProfile_Field_Type_Placeholder;
        }
}
function custom_bp_xprofile_get_uprofile_field_types() {
        $fields = array(
        'checkbox'       => 'BP_XProfile_Field_Type_Checkbox',
        'datebox'        => 'Custom_BP_XProfile_Field_Type_Profile_Datebox',
        'birthdate'      => 'Custom_Bxcft_Field_Type_Birthdate',
        'multiselectbox' => 'BP_XProfile_Field_Type_Multiselectbox',
        'number'         => 'BP_XProfile_Field_Type_Number',
        'url'            => 'BP_XProfile_Field_Type_URL',
        'radio'          => 'BP_XProfile_Field_Type_Radiobutton',
        'selectbox'      => 'BP_XProfile_Field_Type_Selectbox',
        'textarea'       => 'BP_XProfile_Field_Type_Textarea',
        'textbox'        => 'BP_XProfile_Field_Type_Profile_Textbox',
        );
        return apply_filters( 'bp_xprofile_get_field_types', $fields );
}

I then setup the edit.php file in my child theme folder and changed the bp_xprofile_create_field_type() function to custom_bp_xprofile_create_uprofile_field_type()

/wp-content/themes/genbu-child/buddypress/members/single/profile/edit.php

<?php
//$field_type = bp_xprofile_create_field_type( bp_get_the_profile_field_type() );
$field_type = custom_bp_xprofile_create_uprofile_field_type( bp_get_the_profile_field_type() );
                                $field_type->edit_field_html();

When I load the profile edit screen the datebox changes came up fine but not the birthdate. When I checked the information in the custom_bp_xprofile_create_uprofile_field_type() function the [datebox] was set to “Custom_BP_XProfile_Field_Type_Profile_Datebox” but [birthdate] was still pointing to “Bxcft_Field_Type_Birthdate” even though I it was set to “Custom_Bxcft_Field_Type_Birthdate” in the custom_bp_xprofile_get_uprofile_field_types() function.

Array
(
    [checkbox] => BP_XProfile_Field_Type_Checkbox
    [datebox] => Custom_BP_XProfile_Field_Type_Profile_Datebox
    [birthdate] => Bxcft_Field_Type_Birthdate
    [multiselectbox] => BP_XProfile_Field_Type_Multiselectbox
    [number] => BP_XProfile_Field_Type_Number
    [url] => BP_XProfile_Field_Type_URL
    [radio] => BP_XProfile_Field_Type_Radiobutton
    [selectbox] => BP_XProfile_Field_Type_Selectbox
    [textarea] => BP_XProfile_Field_Type_Textarea
    [textbox] => BP_XProfile_Field_Type_Profile_Textbox
    [email] => Bxcft_Field_Type_Email
    [web] => Bxcft_Field_Type_Web
    [datepicker] => Bxcft_Field_Type_Datepicker
    [select_custom_post_type] => Bxcft_Field_Type_SelectCustomPostType
    [multiselect_custom_post_type] => Bxcft_Field_Type_MultiSelectCustomPostType
    [select_custom_taxonomy] => Bxcft_Field_Type_SelectCustomTaxonomy
    [multiselect_custom_taxonomy] => Bxcft_Field_Type_MultiSelectCustomTaxonomy
    [checkbox_acceptance] => Bxcft_Field_Type_CheckboxAcceptance
    [image] => Bxcft_Field_Type_Image
    [file] => Bxcft_Field_Type_File
    [color] => Bxcft_Field_Type_Color
    [decimal_number] => Bxcft_Field_Type_DecimalNumber
    [number_minmax] => Bxcft_Field_Type_NumberMinMax
    [slider] => Bxcft_Field_Type_Slider
)

I was able to find this filter but don’t know how to modify it…

/wp-content/plugins/buddypress-xprofile-custom-fields-type/bp-xprofile-custom-fields-type.php

add_filter( 'bp_xprofile_get_field_types', array($this, 'bxcft_get_field_types'), 10, 1 );
       public function bxcft_get_field_types($fields)
        {
            $new_fields = array(
                'birthdate'                     => 'Bxcft_Field_Type_Birthdate',
                'email'                         => 'Bxcft_Field_Type_Email',
                'web'                           => 'Bxcft_Field_Type_Web',
                'datepicker'                    => 'Bxcft_Field_Type_Datepicker',
                'select_custom_post_type'       => 'Bxcft_Field_Type_SelectCustomPostType',
                'multiselect_custom_post_type'  => 'Bxcft_Field_Type_MultiSelectCustomPostType',
                'select_custom_taxonomy'        => 'Bxcft_Field_Type_SelectCustomTaxonomy',
                'multiselect_custom_taxonomy'   => 'Bxcft_Field_Type_MultiSelectCustomTaxonomy',
                'checkbox_acceptance'           => 'Bxcft_Field_Type_CheckboxAcceptance',
                'image'                         => 'Bxcft_Field_Type_Image',
                'file'                          => 'Bxcft_Field_Type_File',
                'color'                         => 'Bxcft_Field_Type_Color',
                'decimal_number'                => 'Bxcft_Field_Type_DecimalNumber',
                'number_minmax'                 => 'Bxcft_Field_Type_NumberMinMax',
                'slider'                        => 'Bxcft_Field_Type_Slider',
            );
            $fields = array_merge($fields, $new_fields);

            return $fields;
        }

Already tried adding this to functions.php but broke all of the fields so none of them displayed

add_filter( 'bp_xprofile_get_field_types', array($fields, 'custom_bxcft_get_field_types'), 10, 1 );
function custom_bxcft_get_field_types($fields)
{
           $new_fields = array(
                'birthdate'                     => 'Custom_Bxcft_Field_Type_Birthdate',
                'email'                         => 'Bxcft_Field_Type_Email',
                'web'                           => 'Bxcft_Field_Type_Web',
                'datepicker'                    => 'Bxcft_Field_Type_Datepicker',
                'select_custom_post_type'       => 'Bxcft_Field_Type_SelectCustomPostType',
                'multiselect_custom_post_type'  => 'Bxcft_Field_Type_MultiSelectCustomPostType',
                'select_custom_taxonomy'        => 'Bxcft_Field_Type_SelectCustomTaxonomy',
                'multiselect_custom_taxonomy'   => 'Bxcft_Field_Type_MultiSelectCustomTaxonomy',
                'checkbox_acceptance'           => 'Bxcft_Field_Type_CheckboxAcceptance',
                'image'                         => 'Bxcft_Field_Type_Image',
                'file'                          => 'Bxcft_Field_Type_File',
                'color'                         => 'Bxcft_Field_Type_Color',
                'decimal_number'                => 'Bxcft_Field_Type_DecimalNumber',
                'number_minmax'                 => 'Bxcft_Field_Type_NumberMinMax',
                'slider'                        => 'Bxcft_Field_Type_Slider',
            );
            $fields = array_merge($fields, $new_fields);

            return $fields;
}

Wow! If the only thing you need is to change order of dropdown select boxes, it’s much easier to do it with javascript or maybe just css. Rewrite my class is possible but it’s too much work for this task.

With only css:
.bxcft-birthdate-month { float: left; }

You will see month, day, year.

With javascript it’s a bit more code:

jQuery(function($) {
    $('.bxcft-birthdate-month').insertAfter($('.bxcft-birthdate-month').parent().find('label'));
});

A CSS and jQuery approach looks a lot simpler. I’ll give that a try. Thanks for the help.

donmik,

Please excuse me, because I am lost. I need to make this change as well, but I am having difficulty with the simple instructions you gave.

Would you please tell me precisely which file to edit to make this work? Do I need to add the code to the .CSS file and the .JS file?

Or, do I need to replace something with the code, rather than just add the code?

Sorry for my lack of skill in code reading, but I will appreciate just a little more help with this issue.

Thanks in advance!

Please disregard my previous message. I figured out which file it goes in. Thank you for this code!