I'm making a dashboard widget in WordPress to toggle restriction to access the site. The widget is showing if access is restricted or not based on a binary option. In the admin I want to be able to toggle this on/off in the configuration of the widget. It seems like it is running fine without any errors, but $_POST['mycustom_restrict_access'] always returns "on" even though it's not checked, so I cannot change the setting.

function mycustom_add_dashboard_widget() {
    wp_add_dashboard_widget(
        'mycustom_dashboard_widget',
        esc_html__( 'Restrict Access', 'mycustom' ),
        'mycustom_dashboard_widget_render',
        'mycustom_dashboard_widget_callback'

    ); 
}
add_action( 'wp_dashboard_setup', 'mycustom_add_dashboard_widget' );

function mycustom_dashboard_widget_render() {   
    $isToggled = get_option( 'mycustom_restrict_access' );

    if ($isToggled == 'on') {
        echo "<p>ACCESS RESTRICTED</p>";
    }
    else {
        echo "<p>ACCESS NOT RESTRICTED</p>";
    }
    esc_html_e( "Click 'configure' in the panel header to change this setting.", "wp" );
}

function mycustom_dashboard_widget_callback() {
    if (isset($_POST['mycustom_restrict_access'])) {
        update_option( 'mycustom_restrict_access', $_POST['mycustom_restrict_access'] );
    }

    echo "<p><input type='checkbox' name='mycustom_restrict_access'". checked( 1, get_option( 'mycustom_restrict_access' ), false )."> Restrict access.</p>";
}

I'm making a dashboard widget in WordPress to toggle restriction to access the site. The widget is showing if access is restricted or not based on a binary option. In the admin I want to be able to toggle this on/off in the configuration of the widget. It seems like it is running fine without any errors, but $_POST['mycustom_restrict_access'] always returns "on" even though it's not checked, so I cannot change the setting.

function mycustom_add_dashboard_widget() {
    wp_add_dashboard_widget(
        'mycustom_dashboard_widget',
        esc_html__( 'Restrict Access', 'mycustom' ),
        'mycustom_dashboard_widget_render',
        'mycustom_dashboard_widget_callback'

    ); 
}
add_action( 'wp_dashboard_setup', 'mycustom_add_dashboard_widget' );

function mycustom_dashboard_widget_render() {   
    $isToggled = get_option( 'mycustom_restrict_access' );

    if ($isToggled == 'on') {
        echo "<p>ACCESS RESTRICTED</p>";
    }
    else {
        echo "<p>ACCESS NOT RESTRICTED</p>";
    }
    esc_html_e( "Click 'configure' in the panel header to change this setting.", "wp" );
}

function mycustom_dashboard_widget_callback() {
    if (isset($_POST['mycustom_restrict_access'])) {
        update_option( 'mycustom_restrict_access', $_POST['mycustom_restrict_access'] );
    }

    echo "<p><input type='checkbox' name='mycustom_restrict_access'". checked( 1, get_option( 'mycustom_restrict_access' ), false )."> Restrict access.</p>";
}

• php
• wordpress
• checkbox
• widget
• dashboard

1 Answer 1

There are some missing things in your code. In the control callback function (the last one), you need to check for the posted widget ID in the if statement. Then you can check if the checkbox value is posted or not and update the saved value.

Try the following:

function mycustom_add_dashboard_widget() {
    wp_add_dashboard_widget(
        'mycustom_dashboard_widget',
        esc_html__('Restrict Access', 'mycustom'),
        'mycustom_dashboard_widget_render_callback',
        'mycustom_dashboard_widget_control_callback'
    ); 
}
add_action( 'wp_dashboard_setup', 'mycustom_add_dashboard_widget' );

function mycustom_dashboard_widget_render_callback() {   
    if ( get_option('mycustom_restrict_access') === 'on' ) {
        echo '<p>'.esc_html__('ACCESS RESTRICTED', 'mycustom').'</p>';
    } else {
        echo '<p>'.esc_html__('ACCESS NOT RESTRICTED', 'mycustom').'</p>';
    }
    echo '<em>' . esc_html__( "Click 'configure' in the panel header to change this setting.", "mycustom" ) . '</em>';
}

function mycustom_dashboard_widget_control_callback() {
    // Check for the posted widget ID
    if ( isset($_POST['widget_id']) && $_POST['widget_id'] === 'mycustom_dashboard_widget' ) {
        $value = isset($_POST['mycustom_restrict_access']) ? esc_attr($_POST['mycustom_restrict_access']) : '';
        update_option( 'mycustom_restrict_access', $value );
    }
    printf('<p><input type="checkbox" name="mycustom_restrict_access" %s> %s</p>', 
    checked( 'on', get_option('mycustom_restrict_access'), false ), esc_html__('Restrict access.', 'mycustom') );
}

Now it should work as expected.