Radio Image - WordPress Admin Builder

A Radio Image field can be inserted in:

an Admin Page, as an option or a user_meta
a User Profile, as a user_meta
a Metabox, as a post_meta

The code below is used to generate this section in an Admin Page, for an option:

Copy to Clipboard

// Create an radio image option field
$admin_page->create_option(
    array(
        'type' => Item_type::RADIO_IMAGE,
        'id' => 'radio_image_option_notabs_1',
        'name' => 'Radio image',
        'desc' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pretium, nulla a porttitor varius, leo ligula facilisis diam, vitae dignissim justo est id ex. Suspendisse suscipit pulvinar tristique. Vivamus vestibulum, turpis non mollis auctor, felis ipsum porttitor nisl, sed aliquam odio tellus sed nulla.',
        'default' => 'image_1',
        'options' => array(

'image_1' => WP_Sukellos_Admin_Builder_Examples_Loader::instance()->get_plugin_dir_url().'/assets/img/shutterstock_185716037-300.jpg',
            'image_2' => WP_Sukellos_Admin_Builder_Examples_Loader::instance()->get_plugin_dir_url().'/assets/img/shutterstock_431776093-300.jpg',
            'image_3' => WP_Sukellos_Admin_Builder_Examples_Loader::instance()->get_plugin_dir_url().'/assets/img/shutterstock_666022693-300.jpg'
        ),
        'width' => '300',
        'height' => '200',
    )
);

A Radio Image inherit from a Field, and an Item, then all settings described in Field Settings and Item Settings are also used.

Specific settings for Radio Image:

Radio Image Settings	Description
options array / Default: array()	Associative array of key-value pairs containing option. Value is an image URL
width string / Default: ”	The width used to display the images in radio, default ” to keep original width
height string / Default: ”	The height used to display the images in radio, default ” to keep original height