All Projects → satwinderrathore → CMB2-radio-image

satwinderrathore / CMB2-radio-image

Licence: other
Images as radio buttons

Programming Languages

PHP
23972 projects - #3 most used programming language

Projects that are alternatives of or similar to CMB2-radio-image

Quicktableviewcontroller
A simple way to create a UITableView for settings in Swift.
Stars: ✭ 417 (+2216.67%)
Mutual labels:  radio-buttons
Pretty Checkbox
A pure CSS library to beautify checkbox and radio buttons.
Stars: ✭ 1,708 (+9388.89%)
Mutual labels:  radio-buttons
Radiorealbutton
A custom radio button for Android API 12+
Stars: ✭ 250 (+1288.89%)
Mutual labels:  radio-buttons
Form Js
Easily create web forms. Supports Meteor, AngularJS, React, Polymer and any CSS library, e.g. Bootstrap.
Stars: ✭ 9 (-50%)
Mutual labels:  radio-buttons
Selectionlist
Simple single-selection or multiple-selection checklist, based on UITableView
Stars: ✭ 93 (+416.67%)
Mutual labels:  radio-buttons
React Native Flexi Radio Button
Simple and flexible Radio button for React Native App
Stars: ✭ 151 (+738.89%)
Mutual labels:  radio-buttons
Segmentedbutton
Segmented Control with animation for Android API 12+
Stars: ✭ 352 (+1855.56%)
Mutual labels:  radio-buttons
react-radios
🔘 Proper handling of HTML radios in react
Stars: ✭ 60 (+233.33%)
Mutual labels:  radio-buttons
Radiogroup
The missing iOS radio buttons group.
Stars: ✭ 113 (+527.78%)
Mutual labels:  radio-buttons
Pretty Checkbox Vue
Quickly integrate pretty checkbox components with Vue.js
Stars: ✭ 240 (+1233.33%)
Mutual labels:  radio-buttons
Dlradiobutton
Radio Button for iOS
Stars: ✭ 872 (+4744.44%)
Mutual labels:  radio-buttons
Multipicker
Form styling plugin for jQuery
Stars: ✭ 90 (+400%)
Mutual labels:  radio-buttons
Tristatetogglebutton
Customizable tri-state toggle button (with three states, three state toggle) for Android
Stars: ✭ 198 (+1000%)
Mutual labels:  radio-buttons
React Native Radio Buttons
[DEPRECATED] A Radio-button like logic wrapper for React Native
Stars: ✭ 418 (+2222.22%)
Mutual labels:  radio-buttons
Examples wxWidgets
Shows how to use wxWidgets controls only by programming code (c++17).
Stars: ✭ 116 (+544.44%)
Mutual labels:  radio-buttons
Xamarin.forms.inputkit
CheckBox, Radio Button, Labeled Slider, Dropdowns etc.
Stars: ✭ 372 (+1966.67%)
Mutual labels:  radio-buttons
Radio Group
845 byte WAI-ARIA 1.1 compliant radio group React component
Stars: ✭ 133 (+638.89%)
Mutual labels:  radio-buttons
LC-switch
Superlight vanilla javascript plugin improving forms look and functionality
Stars: ✭ 31 (+72.22%)
Mutual labels:  radio-buttons
CustomWebRadioButton
An example of a make radio-button design on the web.
Stars: ✭ 15 (-16.67%)
Mutual labels:  radio-buttons
React Menu
React component for building accessible menu, dropdown, submenu, context menu and more.
Stars: ✭ 237 (+1216.67%)
Mutual labels:  radio-buttons

CMB2-radio-image

Image as radio buttons

add_action( 'cmb2_admin_init', 'cmb2_radio_image_metabox' );
function cmb2_radio_image_metabox() {

	$prefix = 'yourprefix_demo_';

	$cmb_demo = new_cmb2_box( array(
		'id'            => $prefix . 'metabox',
		'title'         => __( 'Test Metabox', 'cmb2' ),
		'object_types'  => array( 'page', 'post' ), // Post type
		// 'show_on_cb' => 'yourprefix_show_if_front_page', // function should return a bool value
		// 'context'    => 'normal',
		// 'priority'   => 'high',
		// 'show_names' => true, // Show field names on the left
		// 'cmb_styles' => false, // false to disable the CMB stylesheet
		// 'closed'     => true, // true to keep the metabox closed by default
	) );

	$cmb_demo->add_field( array(
		'name'             => __( 'Test Radio Image', 'cmb2' ),
		'desc'             => __( 'field description (optional)', 'cmb2' ),
		'id'               => $prefix . 'radioimg',
		'type'             => 'radio_image',
		'options'          => array(
			'full-width'    => __('Full Width', 'cmb2'),
			'sidebar-left'  => __('Left Sidebar', 'cmb2'),
			'sidebar-right' => __('Right Sidebar', 'cmb2'),
		),
		'images_path'      => get_template_directory_uri(),
		'images'           => array(
			'full-width'    => 'images/full-width.png',
			'sidebar-left'  => 'images/sidebar-left.png',
			'sidebar-right' => 'images/sidebar-right.png',
		)
	) );

}

Screenshots

Image

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].