Meta Box

Sometimes, the Geocoder doesn't return precise coordinates (in some countries where OSM / Google Maps don't have enough data). In that case we should allow users to drag the pin to correct address.

I'll include the library into OSM field. Thanks for suggesting!

Can we validate after form submit using php backend validation if the image field is empty in-case as the front validation not works

Yes, you can do that. Here is a simple code that check for the field value before processing the form, and if it fails, redirect users to an error page:

add_filter( 'rwmb_frontend_validate', function( $is_valid, $config ) {
    if ( 'meta-box-id' !== $config['id'] ) {
        return $is_valid;
    }
    if ( empty( $_POST['image_upload_field'] ) ) {
        $is_valid = false;
    }
    return $is_valid;
}, 10, 2 );

Hi Neil,

I think your code snippet in the first reply works pretty well. I modify it a little bit to creates a shortcode for showing website screenshot. It takes URL from a field.

add_action( 'init', function() {
    add_shortcode( 'screenshot', function( $atts ) {
        $atts = shortcode_atts( [
            'width'  => 300,
            'height' => 300,
            'field'  => 'website_url',
        ], $atts );
        $url = rwmb_meta( $atts['field'] );
        if ( ! $url ) {
            return '';
        }
        $query_url =  'http://s.wordpress.com/mshots/v1/' . urlencode( $url ) . "?w={$width}&h={$height}";
        $image_tag = "<img width='$width' height='$height' src='$query_url'>";
        return "<a href='$url'>$image_tag</a>";
    } );
} );

Hi,

I've just updated the plugin to add an alert when users clicking the Find Address but no address found.

According to the options:

– the pin to either be locked (so the user can’t drag it around), or to actually update the coordinates to the position the user places it.

That would be confusing when users want to manually select or adjust an address on the map.

– the find address function to be triggered every time the user changes the address, city, and country

That's possible. But that might cause a non-friendly experience if users are entering the data and see the "No results found" message.

I think that can be done when user done typing on the address fields.

Implementing this behavior, we don't need the "Find Address" button anymore.

– give the user feedback when the address is updated, and especially if no address is found using the entered data

Done the part of notifying users when no address is found.

Showing a notification when an address is found seems weird, especially if we do the automatically adjust the map as above.

– trigger the find address function on submit if the user doesn’t click on the button

I don't think this is a good option, since it confuses users (as they didn't select an address).

In my opinion, implementing the "auto adjust the map when address change" is the best option. I'll try to do that now and let you guys see the result.

Update: I've done that here. Please download and let me know what you think.

What's done:

• Remove "Find Button"
• Auto adjust the map when address fields change. Work only for multiple address fields. Single address field already have autocomplete.

Hi Hazmi,

The data for these 2 field types are the same, so you want to switch field type, it's ok to do so.

Besides, the ajax request is very minimal as it only queries for attachments. There's no requests to other resources (CSS, JS). So if you see a lot of errors, I think the website should be optimized.

Hi,

Nice question!

This is actually my personal inconsistent. At first, I and other developers used "Meta Box" simply because it's the name of the main plugin. And then, I realized the name is quite long, so I changed to "MB". That's why you see 2 "versions" now.

From now on, everything will be just "MB" for short.

I got it. Thanks for your code.

This problem is expected behavior because the validation module doesn't support image_upload. The fields image_upload, image_advanced works differently from other fields since they use the Media Library and thus, the validation can't inject into the process.

I've just checked the field and I don't see the problem. Can you give me more details? What's the code for the meta box?