Edit registration form HTML output

[ringitinc]

Hello

I need to edit the HTML output of registration form widget.

Basically, I need to create to wrapper columns. One wrapper will include the basic wordppress registration fields – Username & Email

and second wrapper will include all custom fields. I need to align them next to each other and style them specifically, which I’ll be able to do, once I have these fields wrapped in my divs.

Can you please help me with this? What file do I need to edit and what code, how to edit?

Thanks in advance.

[Support]

Hello, You can use “HTML” field(from Fields Editor) in your registration form to add your html code there to wrappe content. And also you can assign custom class to any field to change look and feel.
Thanks.

[ringitinc]

Hello

thanks for quick response.

I’ll try that now. Another question I have meanwhile, is that, is it possible to create a drop down field for the registration, which gets prefilled with the options automatically coming from list of WordPress categories?

For exampple, I have 20 categories, and when user registers, I want to him to choose one category in the drop down, is it possible for this drop down to automatically get list of categories as options? So that any time I update / delete or add a new categorie it will appear in this list automatically ?

Thank you again!
Your help is much appreciated.

[ringitinc]

when I assign a custom class on a field in backend, CSS class is asigned to input container, how can I assign class to input itself?

thank you

[ringitinc]

and how do I add placeholders inside the field inputs?

[Support]

Hello,
For using category as dropdown options, put following code in your functions.php

add_filter( 'user_meta_field_config', 'user_meta_field_config_function', 10, 3 );
function user_meta_field_config_function( $field, $fieldID, $formName ){ 
    global $userMeta;
    
    if( $fieldID != 'Target_Field_ID' )
        return $field;
    
    $output = null;
    $cats = get_categories();
    foreach( $cats as $cat ):
        $output .= $cat->term_id.'='.$cat->name.',';
    endforeach;
    $output = ',' . trim( $output, ',' );
    
    $field['options'] = $output;
    
    return $field;
}

Don’t forget to change Target_Field_ID .

[Support]

For assigning css class to input itself, please have a look

Filter Hook: user_meta_field_config

Example Section

And for placeholder, you can add placeholder (e.g %first_name%) to “Default Value”, please note, this placeholder value will only consider until user didn’t input anything.

Thanks.

[ringitinc]

Thanks…

One of the best supports on WordPress Plugins!

Thats exactly what makes plugins worth of buying! Just wanted to say thanks hehe : ))

[Author]

Posts