• Resolved dannys1899


    Hello, I have activated the International Telephone Input With Flags And Dial Codes plugins but still the telephone field does not show the list of country codes, I am using ultimate member. Please help..

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Sajjad Hossain Sagor


    From the link you shared, i can assure you it’s working!!

    Proof : https://prnt.sc/oC3HAWtBrn88

    Thread Starter dannys1899


    Thanks, it works now, I had to put a snippet and some css style

    You can try this code snippet which will make the mobile number field on your registration and profile page the HTML type=”tel” instead of type=”text”.

    In addition you also get with this code snippet the mobile number keayboard instead of alfabetic on mobiles during registration and profile edit.

    add_filter( "um_mobile_number_form_edit_field", "um_mobile_number_form_edit_field_tel", 10, 2 );
    add_filter( "um_phone_number_form_edit_field", "um_mobile_number_form_edit_field_tel", 10, 2 );
        function um_mobile_number_form_edit_field_tel( $output, $set_mode ) {
            if( $set_mode == 'register' || $set_mode == 'profile'  ) {
                $output = str_replace( 'type="text"', 'type="tel"', $output );
            return $output;

    You also need to make a CSS change.
    Where you can change the padding of 40px for best result.

    Add to WP Appearance -> Customize -> Additional CSS:

    .um .um-form input[type=tel] {
        padding: 0 40px !important;
        width: 100%;
        display: block !important;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        outline: none !important;
        cursor: text !important;
        font-size: 15px !important;
        height: 40px !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
        margin: 0 !important;
        position: static;
        outline: none !important;

    This code snippet will make the Mobile/Phone numbers clickable on mobiles ie so you can direct call the user number. (@missveronicatv)https://wordpress.org/

    add_filter( 'um_view_field_value_text', 'my_custom_view_field_value', 10, 2 );
    function my_custom_view_field_value( $res, $data ) {
    	if( $data['metakey'] == 'phone_number' || $data['metakey'] == 'mobile_number' ) {
            if( !empty( $res )) {
                $res = '<a href="tel:' . str_replace( array( '(', ')', '.', '-', ' ' ), '', $res ) . '">' . $res . '</a>';
    	return $res;
    These PHP code snippets will probably be obsolete when next UM version is released:
    The CSS update will still be required and is the integration of the plugin with UM.
    Thread Starter dannys1899


    Thanks if it worked for me, applause

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘validate phone field with country code (ultimate member)’ is closed to new replies.