reduxframework / redux-framework

sample/sections/extensions/js-button.php

Indentation +40 added lines, -40 removed lines

@@ -10,46 +10,46 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'JS Button', 'your-textdomain-here' ),
-		'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-extensions/js-button.html" target="_blank">https://devs.redux.io/core-extensions/js-button.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'       => 'opt-js-button',
-				'type'     => 'js_button',
-				'title'    => esc_html__( 'JS Button', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Run javascript in the options panel from button clicks.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'Click the Add Date button to add the current date into the text field below.', 'your-textdomain-here' ),
-				'script'   => array(
-					'url'       => plugins_url( '/extensions/js-button.js', __DIR__ ),
-					'dir'       => __DIR__ . '/js-button.js',
-					'dep'       => array( 'jquery' ),
-					'ver'       => time(),
-					'in_footer' => true,
-				),
-				'buttons'  => array(
-					array(
-						'text'     => esc_html__( 'Add Date', 'your-textdomain-here' ),
-						'class'    => 'button-primary',
-						'function' => 'redux_add_date',
-					),
-					array(
-						'text'     => esc_html__( 'Alert', 'your-textdomain-here' ),
-						'class'    => 'button-secondary',
-						'function' => 'redux_show_alert',
-					),
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'JS Button', 'your-textdomain-here' ),
+        'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-extensions/js-button.html" target="_blank">https://devs.redux.io/core-extensions/js-button.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'       => 'opt-js-button',
+                'type'     => 'js_button',
+                'title'    => esc_html__( 'JS Button', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Run javascript in the options panel from button clicks.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'Click the Add Date button to add the current date into the text field below.', 'your-textdomain-here' ),
+                'script'   => array(
+                    'url'       => plugins_url( '/extensions/js-button.js', __DIR__ ),
+                    'dir'       => __DIR__ . '/js-button.js',
+                    'dep'       => array( 'jquery' ),
+                    'ver'       => time(),
+                    'in_footer' => true,
+                ),
+                'buttons'  => array(
+                    array(
+                        'text'     => esc_html__( 'Add Date', 'your-textdomain-here' ),
+                        'class'    => 'button-primary',
+                        'function' => 'redux_add_date',
+                    ),
+                    array(
+                        'text'     => esc_html__( 'Alert', 'your-textdomain-here' ),
+                        'class'    => 'button-secondary',
+                        'function' => 'redux_show_alert',
+                    ),
 
-				),
-			),
-			array(
-				'id'       => 'opt-blank-text',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Date', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Click the Add Date button above to fill out this field.', 'your-textdomain-here' ),
-			),
-		),
-	)
+                ),
+            ),
+            array(
+                'id'       => 'opt-blank-text',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Date', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Click the Add Date button above to fill out this field.', 'your-textdomain-here' ),
+            ),
+        ),
+    )
 );
 // phpcs:enable

sample/sections/extensions/custom-fonts.php

Indentation +22 added lines, -22 removed lines

@@ -11,27 +11,27 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Custom Fonts', 'your-textdomain-here' ),
-		'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-extensions/custom-fonts.html" target="_blank">https://devs.redux.io/core-extensions/custom-fonts.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'   => 'custom_fonts',
-				'type' => 'custom_fonts',
-			),
-			array(
-				'id'          => 'custom_fonts_typography',
-				'type'        => 'typography',
-				'title'       => esc_html__( 'Custom Fonts Typography', 'your-textdomain-here' ),
-				'subtitle'    => 'This will modify the font family of the .entry-title classes.',
-				'output'      => '.site-title, .widget-title, .entry-title, .wp-block-site-title',
-				'font-size'   => false,
-				'line-height' => false,
-				'text-align'  => false,
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Custom Fonts', 'your-textdomain-here' ),
+        'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-extensions/custom-fonts.html" target="_blank">https://devs.redux.io/core-extensions/custom-fonts.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'   => 'custom_fonts',
+                'type' => 'custom_fonts',
+            ),
+            array(
+                'id'          => 'custom_fonts_typography',
+                'type'        => 'typography',
+                'title'       => esc_html__( 'Custom Fonts Typography', 'your-textdomain-here' ),
+                'subtitle'    => 'This will modify the font family of the .entry-title classes.',
+                'output'      => '.site-title, .widget-title, .entry-title, .wp-block-site-title',
+                'font-size'   => false,
+                'line-height' => false,
+                'text-align'  => false,
+            ),
+        ),
+    )
 );
 // phpcs:enable

sample/sections/advanced-features/field-required-linking.php

Indentation +106 added lines, -106 removed lines

@@ -10,111 +10,111 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Field Required / Linking', 'your-textdomain-here' ),
-		'id'         => 'required',
-		'desc'       => esc_html__( 'For full documentation on validation, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/required.html" target="_blank">https://devs.redux.io/configuration/fields/required.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'       => 'opt-required-basic',
-				'type'     => 'switch',
-				'title'    => esc_html__( 'Basic Required Example', 'your-textdomain-here' ),
-				'subtitle' => wp_kses_post( __( 'Click <code>On</code> to see the text field appear.', 'your-textdomain-here' ) ),
-				'default'  => false,
-			),
-			array(
-				'id'       => 'opt-required-basic-text',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Basic Text Field', 'your-textdomain-here' ),
-				'subtitle' => wp_kses_post( __( 'This text field is only show when the above switch is set to <code>On</code>, using the <code>required</code> argument.', 'your-textdomain-here' ) ),
-				'required' => array( 'opt-required-basic', '=', true ),
-			),
-			array(
-				'id'   => 'opt-required-divide-1',
-				'type' => 'divide',
-			),
-			array(
-				'id'       => 'opt-required-nested',
-				'type'     => 'switch',
-				'title'    => esc_html__( 'Nested Required Example', 'your-textdomain-here' ),
-				'subtitle' => wp_kses_post( __( 'Click <code>On</code> to see another set of options appear.', 'your-textdomain-here' ) ),
-				'default'  => false,
-			),
-			array(
-				'id'       => 'opt-required-nested-buttonset',
-				'type'     => 'button_set',
-				'title'    => esc_html__( 'Multiple Nested Required Examples', 'your-textdomain-here' ),
-				'subtitle' => wp_kses_post( __( 'Click any button to show different fields based on their <code>required</code> statements.', 'your-textdomain-here' ) ),
-				'options'  => array(
-					'button-text'     => esc_html__( 'Show Text Field', 'your-textdomain-here' ),
-					'button-textarea' => esc_html__( 'Show Textarea Field', 'your-textdomain-here' ),
-					'button-editor'   => esc_html__( 'Show WP Editor', 'your-textdomain-here' ),
-					'button-ace'      => esc_html__( 'Show ACE Editor', 'your-textdomain-here' ),
-				),
-				'required' => array( 'opt-required-nested', '=', true ),
-				'default'  => 'button-text',
-			),
-			array(
-				'id'       => 'opt-required-nested-text',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Nested Text Field', 'your-textdomain-here' ),
-				'required' => array( 'opt-required-nested-buttonset', '=', 'button-text' ),
-			),
-			array(
-				'id'       => 'opt-required-nested-textarea',
-				'type'     => 'textarea',
-				'title'    => esc_html__( 'Nested Textarea Field', 'your-textdomain-here' ),
-				'required' => array( 'opt-required-nested-buttonset', '=', 'button-textarea' ),
-			),
-			array(
-				'id'       => 'opt-required-nested-editor',
-				'type'     => 'editor',
-				'title'    => esc_html__( 'Nested Editor Field', 'your-textdomain-here' ),
-				'required' => array( 'opt-required-nested-buttonset', '=', 'button-editor' ),
-			),
-			array(
-				'id'       => 'opt-required-nested-ace',
-				'type'     => 'ace_editor',
-				'title'    => esc_html__( 'Nested ACE Editor Field', 'your-textdomain-here' ),
-				'required' => array( 'opt-required-nested-buttonset', '=', 'button-ace' ),
-			),
-			array(
-				'id'   => 'opt-required-divide-2',
-				'type' => 'divide',
-			),
-			array(
-				'id'       => 'opt-required-select',
-				'type'     => 'select',
-				'title'    => esc_html__( 'Select Required Example', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Select a different option to display its value.  Required may be used to display multiple & reusable fields', 'your-textdomain-here' ),
-				'options'  => array(
-					'no-sidebar'    => esc_html__( 'No Sidebars', 'your-textdomain-here' ),
-					'left-sidebar'  => esc_html__( 'Left Sidebar', 'your-textdomain-here' ),
-					'right-sidebar' => esc_html__( 'Right Sidebar', 'your-textdomain-here' ),
-					'both-sidebars' => esc_html__( 'Both Sidebars', 'your-textdomain-here' ),
-				),
-				'default'  => 'no-sidebar',
-				'select2'  => array( 'allowClear' => false ),
-			),
-			array(
-				'id'       => 'opt-required-select-left-sidebar',
-				'type'     => 'select',
-				'title'    => esc_html__( 'Select Left Sidebar', 'your-textdomain-here' ),
-				'data'     => 'sidebars',
-				'default'  => '',
-				'required' => array( 'opt-required-select', '=', array( 'left-sidebar', 'both-sidebars' ) ),
-			),
-			array(
-				'id'       => 'opt-required-select-right-sidebar',
-				'type'     => 'select',
-				'title'    => esc_html__( 'Select Right Sidebar', 'your-textdomain-here' ),
-				'data'     => 'sidebars',
-				'default'  => '',
-				'required' => array( 'opt-required-select', '=', array( 'right-sidebar', 'both-sidebars' ) ),
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Field Required / Linking', 'your-textdomain-here' ),
+        'id'         => 'required',
+        'desc'       => esc_html__( 'For full documentation on validation, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/required.html" target="_blank">https://devs.redux.io/configuration/fields/required.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'       => 'opt-required-basic',
+                'type'     => 'switch',
+                'title'    => esc_html__( 'Basic Required Example', 'your-textdomain-here' ),
+                'subtitle' => wp_kses_post( __( 'Click <code>On</code> to see the text field appear.', 'your-textdomain-here' ) ),
+                'default'  => false,
+            ),
+            array(
+                'id'       => 'opt-required-basic-text',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Basic Text Field', 'your-textdomain-here' ),
+                'subtitle' => wp_kses_post( __( 'This text field is only show when the above switch is set to <code>On</code>, using the <code>required</code> argument.', 'your-textdomain-here' ) ),
+                'required' => array( 'opt-required-basic', '=', true ),
+            ),
+            array(
+                'id'   => 'opt-required-divide-1',
+                'type' => 'divide',
+            ),
+            array(
+                'id'       => 'opt-required-nested',
+                'type'     => 'switch',
+                'title'    => esc_html__( 'Nested Required Example', 'your-textdomain-here' ),
+                'subtitle' => wp_kses_post( __( 'Click <code>On</code> to see another set of options appear.', 'your-textdomain-here' ) ),
+                'default'  => false,
+            ),
+            array(
+                'id'       => 'opt-required-nested-buttonset',
+                'type'     => 'button_set',
+                'title'    => esc_html__( 'Multiple Nested Required Examples', 'your-textdomain-here' ),
+                'subtitle' => wp_kses_post( __( 'Click any button to show different fields based on their <code>required</code> statements.', 'your-textdomain-here' ) ),
+                'options'  => array(
+                    'button-text'     => esc_html__( 'Show Text Field', 'your-textdomain-here' ),
+                    'button-textarea' => esc_html__( 'Show Textarea Field', 'your-textdomain-here' ),
+                    'button-editor'   => esc_html__( 'Show WP Editor', 'your-textdomain-here' ),
+                    'button-ace'      => esc_html__( 'Show ACE Editor', 'your-textdomain-here' ),
+                ),
+                'required' => array( 'opt-required-nested', '=', true ),
+                'default'  => 'button-text',
+            ),
+            array(
+                'id'       => 'opt-required-nested-text',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Nested Text Field', 'your-textdomain-here' ),
+                'required' => array( 'opt-required-nested-buttonset', '=', 'button-text' ),
+            ),
+            array(
+                'id'       => 'opt-required-nested-textarea',
+                'type'     => 'textarea',
+                'title'    => esc_html__( 'Nested Textarea Field', 'your-textdomain-here' ),
+                'required' => array( 'opt-required-nested-buttonset', '=', 'button-textarea' ),
+            ),
+            array(
+                'id'       => 'opt-required-nested-editor',
+                'type'     => 'editor',
+                'title'    => esc_html__( 'Nested Editor Field', 'your-textdomain-here' ),
+                'required' => array( 'opt-required-nested-buttonset', '=', 'button-editor' ),
+            ),
+            array(
+                'id'       => 'opt-required-nested-ace',
+                'type'     => 'ace_editor',
+                'title'    => esc_html__( 'Nested ACE Editor Field', 'your-textdomain-here' ),
+                'required' => array( 'opt-required-nested-buttonset', '=', 'button-ace' ),
+            ),
+            array(
+                'id'   => 'opt-required-divide-2',
+                'type' => 'divide',
+            ),
+            array(
+                'id'       => 'opt-required-select',
+                'type'     => 'select',
+                'title'    => esc_html__( 'Select Required Example', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Select a different option to display its value.  Required may be used to display multiple & reusable fields', 'your-textdomain-here' ),
+                'options'  => array(
+                    'no-sidebar'    => esc_html__( 'No Sidebars', 'your-textdomain-here' ),
+                    'left-sidebar'  => esc_html__( 'Left Sidebar', 'your-textdomain-here' ),
+                    'right-sidebar' => esc_html__( 'Right Sidebar', 'your-textdomain-here' ),
+                    'both-sidebars' => esc_html__( 'Both Sidebars', 'your-textdomain-here' ),
+                ),
+                'default'  => 'no-sidebar',
+                'select2'  => array( 'allowClear' => false ),
+            ),
+            array(
+                'id'       => 'opt-required-select-left-sidebar',
+                'type'     => 'select',
+                'title'    => esc_html__( 'Select Left Sidebar', 'your-textdomain-here' ),
+                'data'     => 'sidebars',
+                'default'  => '',
+                'required' => array( 'opt-required-select', '=', array( 'left-sidebar', 'both-sidebars' ) ),
+            ),
+            array(
+                'id'       => 'opt-required-select-right-sidebar',
+                'type'     => 'select',
+                'title'    => esc_html__( 'Select Right Sidebar', 'your-textdomain-here' ),
+                'data'     => 'sidebars',
+                'default'  => '',
+                'required' => array( 'opt-required-select', '=', array( 'right-sidebar', 'both-sidebars' ) ),
+            ),
+        ),
+    )
 );
 // phpcs:enable

sample/sections/advanced-features/wpml-integration.php

Indentation +25 added lines, -25 removed lines

@@ -10,30 +10,30 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'WPML Integration', 'your-textdomain-here' ),
-		'desc'       => esc_html__( 'These fields can be fully translated by WPML (WordPress Multi-Language). This serves as an example for you to implement. For extra details look at our WPML Implementation documentation: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/guides/advanced/wpml-integration.html" target="_blank" >https://devs.redux.io/guides/advanced/wpml-integration.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'    => 'wpml-text',
-				'type'  => 'textarea',
-				'title' => esc_html__( 'WPML Text', 'your-textdomain-here' ),
-				'desc'  => esc_html__( 'This string can be translated via WPML.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'      => 'wpml-multicheck',
-				'type'    => 'checkbox',
-				'title'   => esc_html__( 'WPML Multi Checkbox', 'your-textdomain-here' ),
-				'desc'    => esc_html__( 'You can literally translate the values via key.', 'your-textdomain-here' ),
-				'options' => array(
-					'1' => esc_html__( 'Option 1', 'your-textdomain-here' ),
-					'2' => esc_html__( 'Option 2', 'your-textdomain-here' ),
-					'3' => esc_html__( 'Option 3', 'your-textdomain-here' ),
-				),
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'WPML Integration', 'your-textdomain-here' ),
+        'desc'       => esc_html__( 'These fields can be fully translated by WPML (WordPress Multi-Language). This serves as an example for you to implement. For extra details look at our WPML Implementation documentation: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/guides/advanced/wpml-integration.html" target="_blank" >https://devs.redux.io/guides/advanced/wpml-integration.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'    => 'wpml-text',
+                'type'  => 'textarea',
+                'title' => esc_html__( 'WPML Text', 'your-textdomain-here' ),
+                'desc'  => esc_html__( 'This string can be translated via WPML.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'      => 'wpml-multicheck',
+                'type'    => 'checkbox',
+                'title'   => esc_html__( 'WPML Multi Checkbox', 'your-textdomain-here' ),
+                'desc'    => esc_html__( 'You can literally translate the values via key.', 'your-textdomain-here' ),
+                'options' => array(
+                    '1' => esc_html__( 'Option 1', 'your-textdomain-here' ),
+                    '2' => esc_html__( 'Option 2', 'your-textdomain-here' ),
+                    '3' => esc_html__( 'Option 3', 'your-textdomain-here' ),
+                ),
+            ),
+        ),
+    )
 );
 // phpcs:enable

sample/sections/advanced-features/field-sanitizing.php

Indentation +37 added lines, -37 removed lines

@@ -10,42 +10,42 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Field Sanitizing', 'your-textdomain-here' ),
-		'id'         => 'sanitizing',
-		// phpcs:ignore
-		// 'desc'       => esc_html__( 'For full documentation on sanitizing, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/sanitizing/" target="_blank">https://devs.redux.io/configuration/fields/sanitizing/</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'       => 'opt-text-uppercase',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Force Uppercase', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Uses the strtoupper function to force all uppercase characters.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'sanitize' => array( 'strtoupper' ),
-				'default'  => 'Force Uppercase',
-			),
-			array(
-				'id'       => 'opt-text-sanitize-title',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Sanitize Title', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Uses the WordPress sanitize_title function to format text.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'sanitize' => array( 'sanitize_title' ),
-				'default'  => 'Sanitize This Title',
-			),
-			array(
-				'id'       => 'opt-text-custom-sanitize',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Custom Sanitize', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Uses the custom function redux_custom_sanitize to capitalize every other letter.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'sanitize' => array( 'redux_custom_sanitize' ),
-				'default'  => 'Sanitize This Text',
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Field Sanitizing', 'your-textdomain-here' ),
+        'id'         => 'sanitizing',
+        // phpcs:ignore
+        // 'desc'       => esc_html__( 'For full documentation on sanitizing, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/sanitizing/" target="_blank">https://devs.redux.io/configuration/fields/sanitizing/</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'       => 'opt-text-uppercase',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Force Uppercase', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Uses the strtoupper function to force all uppercase characters.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'sanitize' => array( 'strtoupper' ),
+                'default'  => 'Force Uppercase',
+            ),
+            array(
+                'id'       => 'opt-text-sanitize-title',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Sanitize Title', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Uses the WordPress sanitize_title function to format text.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'sanitize' => array( 'sanitize_title' ),
+                'default'  => 'Sanitize This Title',
+            ),
+            array(
+                'id'       => 'opt-text-custom-sanitize',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Custom Sanitize', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Uses the custom function redux_custom_sanitize to capitalize every other letter.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'sanitize' => array( 'redux_custom_sanitize' ),
+                'default'  => 'Sanitize This Text',
+            ),
+        ),
+    )
 );
 // phpcs:enable

sample/sections/advanced-features/field-validation.php

Indentation +151 added lines, -151 removed lines

@@ -10,157 +10,157 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Field Validation', 'your-textdomain-here' ),
-		'id'         => 'validation',
-		'desc'       => esc_html__( 'For full documentation on validation, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/validate.html" target="_blank">https://devs.redux.io/configuration/fields/validate.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'       => 'opt-text-email',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Email Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'This is a little space under the Field Title in the Options table, additional info is good in here.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'email',
-				'msg'      => 'An error message you could customize via your option array!',
-				'default'  => 'test@test.com',
-			),
-			array(
-				'id'       => 'opt-text-post-type',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option with Data Attributes', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'You can also pass an options array if you want. Set the default to whatever you like.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'data'     => 'post_type',
-			),
-			array(
-				'id'       => 'opt-multi-text',
-				'type'     => 'multi_text',
-				'title'    => esc_html__( 'Multi Text Option - Color Validated', 'your-textdomain-here' ),
-				'validate' => 'color',
-				'subtitle' => esc_html__( 'If you enter an invalid color it will be removed. Try using the text "blue" as a color.  ;)', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-text-url',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - URL Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'This must be a URL.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'url',
-				'default'  => 'https://redux.io',
-			),
-			array(
-				'id'       => 'opt-text-numeric',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Numeric Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'This must be numeric.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => array( 'numeric', 'not_empty' ),
-				'default'  => '0',
-			),
-			array(
-				'id'       => 'opt-text-comma-numeric',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Comma Numeric Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'This must be a comma separated string of numerical values.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'comma_numeric',
-				'default'  => '0',
-			),
-			array(
-				'id'       => 'opt-text-no-special-chars',
-				'type'     => 'text',
-				'title'    => __( 'Text Option - No Special Chars Validated', 'your-textdomain-here' ),
-				'subtitle' => __( 'This must be a alpha numeric only.', 'your-textdomain-here' ),
-				'desc'     => __( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'no_special_chars',
-				'default'  => '0',
-			),
-			array(
-				'id'       => 'opt-text-str_replace',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Str Replace Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'You decide.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This field\'s default value was changed by a filter hook!', 'your-textdomain-here' ),
-				'validate' => 'str_replace',
-				'str'      => array(
-					'search'      => ' ',
-					'replacement' => '-thisisaspace-',
-				),
-				'default'  => 'This is the default.',
-			),
-			array(
-				'id'       => 'opt-text-preg_replace',
-				'type'     => 'text',
-				'title'    => esc_html__( 'Text Option - Preg Replace Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'You decide.', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'preg_replace',
-				'preg'     => array(
-					'pattern'     => '/.*?\\d.*?\\d(\\d)/is',
-					'replacement' => 'no numbers',
-				),
-				'default'  => '0',
-			),
-			array(
-				'id'                => 'opt-text-custom_validate',
-				'type'              => 'text',
-				'title'             => esc_html__( 'Text Option - Custom Callback Validated', 'your-textdomain-here' ),
-				'subtitle'          => esc_html__( 'You decide.', 'your-textdomain-here' ),
-				'desc'              => wp_kses( __( 'Enter <code>1</code> and click <strong>Save Changes</strong> for an error message, or enter <code>2</code> and click <strong>Save Changes</strong> for a warning message.', 'your-textdomain-here' ), $kses_exceptions ),
-				'validate_callback' => 'redux_validate_callback_function',
-				'default'           => '0',
-			),
-			array(
-				'id'       => 'opt-textarea-no-html',
-				'type'     => 'textarea',
-				'title'    => esc_html__( 'Textarea Option - No HTML Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'All HTML will be stripped', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'no_html',
-				'default'  => 'No HTML is allowed in here.',
-			),
-			array(
-				'id'       => 'opt-textarea-html',
-				'type'     => 'textarea',
-				'title'    => esc_html__( 'Textarea Option - HTML Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'HTML Allowed (wp_kses)', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'html', // See http://codex.wordpress.org/Function_Reference/wp_kses_post.
-				'default'  => 'HTML is allowed in here.',
-			),
-			array(
-				'id'           => 'opt-textarea-some-html',
-				'type'         => 'textarea',
-				'title'        => esc_html__( 'Textarea Option - HTML Validated Custom', 'your-textdomain-here' ),
-				'subtitle'     => esc_html__( 'Custom HTML Allowed (wp_kses)', 'your-textdomain-here' ),
-				'desc'         => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate'     => 'html_custom',
-				'default'      => '<p>Some HTML is allowed in here.</p>',
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Field Validation', 'your-textdomain-here' ),
+        'id'         => 'validation',
+        'desc'       => esc_html__( 'For full documentation on validation, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/validate.html" target="_blank">https://devs.redux.io/configuration/fields/validate.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'       => 'opt-text-email',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Email Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'This is a little space under the Field Title in the Options table, additional info is good in here.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'email',
+                'msg'      => 'An error message you could customize via your option array!',
+                'default'  => 'test@test.com',
+            ),
+            array(
+                'id'       => 'opt-text-post-type',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option with Data Attributes', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'You can also pass an options array if you want. Set the default to whatever you like.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'data'     => 'post_type',
+            ),
+            array(
+                'id'       => 'opt-multi-text',
+                'type'     => 'multi_text',
+                'title'    => esc_html__( 'Multi Text Option - Color Validated', 'your-textdomain-here' ),
+                'validate' => 'color',
+                'subtitle' => esc_html__( 'If you enter an invalid color it will be removed. Try using the text "blue" as a color.  ;)', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-text-url',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - URL Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'This must be a URL.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'url',
+                'default'  => 'https://redux.io',
+            ),
+            array(
+                'id'       => 'opt-text-numeric',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Numeric Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'This must be numeric.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => array( 'numeric', 'not_empty' ),
+                'default'  => '0',
+            ),
+            array(
+                'id'       => 'opt-text-comma-numeric',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Comma Numeric Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'This must be a comma separated string of numerical values.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'comma_numeric',
+                'default'  => '0',
+            ),
+            array(
+                'id'       => 'opt-text-no-special-chars',
+                'type'     => 'text',
+                'title'    => __( 'Text Option - No Special Chars Validated', 'your-textdomain-here' ),
+                'subtitle' => __( 'This must be a alpha numeric only.', 'your-textdomain-here' ),
+                'desc'     => __( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'no_special_chars',
+                'default'  => '0',
+            ),
+            array(
+                'id'       => 'opt-text-str_replace',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Str Replace Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'You decide.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This field\'s default value was changed by a filter hook!', 'your-textdomain-here' ),
+                'validate' => 'str_replace',
+                'str'      => array(
+                    'search'      => ' ',
+                    'replacement' => '-thisisaspace-',
+                ),
+                'default'  => 'This is the default.',
+            ),
+            array(
+                'id'       => 'opt-text-preg_replace',
+                'type'     => 'text',
+                'title'    => esc_html__( 'Text Option - Preg Replace Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'You decide.', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'preg_replace',
+                'preg'     => array(
+                    'pattern'     => '/.*?\\d.*?\\d(\\d)/is',
+                    'replacement' => 'no numbers',
+                ),
+                'default'  => '0',
+            ),
+            array(
+                'id'                => 'opt-text-custom_validate',
+                'type'              => 'text',
+                'title'             => esc_html__( 'Text Option - Custom Callback Validated', 'your-textdomain-here' ),
+                'subtitle'          => esc_html__( 'You decide.', 'your-textdomain-here' ),
+                'desc'              => wp_kses( __( 'Enter <code>1</code> and click <strong>Save Changes</strong> for an error message, or enter <code>2</code> and click <strong>Save Changes</strong> for a warning message.', 'your-textdomain-here' ), $kses_exceptions ),
+                'validate_callback' => 'redux_validate_callback_function',
+                'default'           => '0',
+            ),
+            array(
+                'id'       => 'opt-textarea-no-html',
+                'type'     => 'textarea',
+                'title'    => esc_html__( 'Textarea Option - No HTML Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'All HTML will be stripped', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'no_html',
+                'default'  => 'No HTML is allowed in here.',
+            ),
+            array(
+                'id'       => 'opt-textarea-html',
+                'type'     => 'textarea',
+                'title'    => esc_html__( 'Textarea Option - HTML Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'HTML Allowed (wp_kses)', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'html', // See http://codex.wordpress.org/Function_Reference/wp_kses_post.
+                'default'  => 'HTML is allowed in here.',
+            ),
+            array(
+                'id'           => 'opt-textarea-some-html',
+                'type'         => 'textarea',
+                'title'        => esc_html__( 'Textarea Option - HTML Validated Custom', 'your-textdomain-here' ),
+                'subtitle'     => esc_html__( 'Custom HTML Allowed (wp_kses)', 'your-textdomain-here' ),
+                'desc'         => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate'     => 'html_custom',
+                'default'      => '<p>Some HTML is allowed in here.</p>',
 
-				// See http://codex.wordpress.org/Function_Reference/wp_kses.
-				'allowed_html' => array(
-					'a'      => array(
-						'href'  => array(),
-						'title' => array(),
-					),
-					'br'     => array(),
-					'em'     => array(),
-					'strong' => array(),
-				),
-			),
-			array(
-				'id'       => 'opt-textarea-js',
-				'type'     => 'textarea',
-				'title'    => esc_html__( 'Textarea Option - JS Validated', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'JS will be escaped', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'validate' => 'js',
-			),
-		),
-	)
+                // See http://codex.wordpress.org/Function_Reference/wp_kses.
+                'allowed_html' => array(
+                    'a'      => array(
+                        'href'  => array(),
+                        'title' => array(),
+                    ),
+                    'br'     => array(),
+                    'em'     => array(),
+                    'strong' => array(),
+                ),
+            ),
+            array(
+                'id'       => 'opt-textarea-js',
+                'type'     => 'textarea',
+                'title'    => esc_html__( 'Textarea Option - JS Validated', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'JS will be escaped', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                'validate' => 'js',
+            ),
+        ),
+    )
 );
 // phpcs:enable

sample/sections/advanced-features/callback.php

Indentation +28 added lines, -28 removed lines

@@ -10,36 +10,36 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Callback', 'your-textdomain-here' ),
-		'id'         => 'additional-callback',
-		'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/data.html#using-a-custom-callback" target="_blank">https://devs.redux.io/configuration/fields/data.html#using-a-custom-callback</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'       => 'opt-custom-callback',
-				'type'     => 'callback',
-				'title'    => esc_html__( 'Custom Field Callback', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'This is a completely unique field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is created with a callback function, so anything goes in this field. Make sure to define the function though.', 'your-textdomain-here' ),
-				'callback' => 'redux_my_custom_field',
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Callback', 'your-textdomain-here' ),
+        'id'         => 'additional-callback',
+        'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/configuration/fields/data.html#using-a-custom-callback" target="_blank">https://devs.redux.io/configuration/fields/data.html#using-a-custom-callback</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'       => 'opt-custom-callback',
+                'type'     => 'callback',
+                'title'    => esc_html__( 'Custom Field Callback', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'This is a completely unique field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is created with a callback function, so anything goes in this field. Make sure to define the function though.', 'your-textdomain-here' ),
+                'callback' => 'redux_my_custom_field',
+            ),
+        ),
+    )
 );
 
 if ( ! function_exists( 'redux_my_custom_field' ) ) {
-	/**
-	 * Custom function for the callback referenced above.
-	 *
-	 * @param array $field Field array.
-	 * @param mixed $value Set value.
-	 */
-	function redux_my_custom_field( array $field, $value ) {
-		print_r( $field ); // phpcs:ignore WordPress.PHP.DevelopmentFunctions
-		echo '<br/>';
-		print_r( $value ); // phpcs:ignore WordPress.PHP.DevelopmentFunctions
-	}
+    /**
+     * Custom function for the callback referenced above.
+     *
+     * @param array $field Field array.
+     * @param mixed $value Set value.
+     */
+    function redux_my_custom_field( array $field, $value ) {
+        print_r( $field ); // phpcs:ignore WordPress.PHP.DevelopmentFunctions
+        echo '<br/>';
+        print_r( $value ); // phpcs:ignore WordPress.PHP.DevelopmentFunctions
+    }
 }
 // phpcs:enable

sample/sections/select-fields/select.php

Indentation +259 added lines, -259 removed lines

@@ -10,262 +10,262 @@ 
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Select', 'your-textdomain-here' ),
-		'id'         => 'select-select',
-		'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/select.html" target="_blank">https://devs.redux.io/core-fields/select.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'       => 'opt-select',
-				'type'     => 'select',
-				'title'    => esc_html__( 'Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Select', 'your-textdomain-here' ),
+        'id'         => 'select-select',
+        'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/select.html" target="_blank">https://devs.redux.io/core-fields/select.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'       => 'opt-select',
+                'type'     => 'select',
+                'title'    => esc_html__( 'Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
 
-				// Must provide key => value pairs for select options.
-				'options'  => array(
-					'1' => 'Opt 1',
-					'2' => 'Opt 2',
-					'3' => 'Opt 3',
-				),
-				'default'  => '2',
-			),
-			array(
-				'id'       => 'opt-select-stylesheet',
-				'type'     => 'select',
-				'title'    => esc_html__( 'Theme Stylesheet', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Select your themes alternative color scheme.', 'your-textdomain-here' ),
-				'options'  => array(
-					'default.css' => 'default.css',
-					'color1.css'  => 'color1.css',
-				),
-				'default'  => 'default.css',
-			),
-			array(
-				'id'       => 'opt-select-optgroup',
-				'type'     => 'select',
-				'title'    => esc_html__( 'Select Option with optgroup', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                // Must provide key => value pairs for select options.
+                'options'  => array(
+                    '1' => 'Opt 1',
+                    '2' => 'Opt 2',
+                    '3' => 'Opt 3',
+                ),
+                'default'  => '2',
+            ),
+            array(
+                'id'       => 'opt-select-stylesheet',
+                'type'     => 'select',
+                'title'    => esc_html__( 'Theme Stylesheet', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Select your themes alternative color scheme.', 'your-textdomain-here' ),
+                'options'  => array(
+                    'default.css' => 'default.css',
+                    'color1.css'  => 'color1.css',
+                ),
+                'default'  => 'default.css',
+            ),
+            array(
+                'id'       => 'opt-select-optgroup',
+                'type'     => 'select',
+                'title'    => esc_html__( 'Select Option with optgroup', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
 
-				// Must provide key => value pairs for select options.
-				'options'  => array(
-					'Group 1' => array(
-						'1' => 'Opt 1',
-						'2' => 'Opt 2',
-						'3' => 'Opt 3',
-					),
-					'Group 2' => array(
-						'4' => 'Opt 4',
-						'5' => 'Opt 5',
-						'6' => 'Opt 6',
-					),
-					'7'       => 'Opt 7',
-					'8'       => 'Opt 8',
-					'9'       => 'Opt 9',
-				),
-				'default'  => '2',
-			),
-			array(
-				'id'       => 'opt-multi-select',
-				'type'     => 'select',
-				'multi'    => true,
-				'title'    => esc_html__( 'Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                // Must provide key => value pairs for select options.
+                'options'  => array(
+                    'Group 1' => array(
+                        '1' => 'Opt 1',
+                        '2' => 'Opt 2',
+                        '3' => 'Opt 3',
+                    ),
+                    'Group 2' => array(
+                        '4' => 'Opt 4',
+                        '5' => 'Opt 5',
+                        '6' => 'Opt 6',
+                    ),
+                    '7'       => 'Opt 7',
+                    '8'       => 'Opt 8',
+                    '9'       => 'Opt 9',
+                ),
+                'default'  => '2',
+            ),
+            array(
+                'id'       => 'opt-multi-select',
+                'type'     => 'select',
+                'multi'    => true,
+                'title'    => esc_html__( 'Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
 
-				// Must provide key => value pairs for radio options.
-				'options'  => array(
-					'1' => 'Opt 1',
-					'2' => 'Opt 2',
-					'3' => 'Opt 3',
-				),
-				'default'  => array( '2', '3' ),
-			),
-			array(
-				'id'   => 'opt-info',
-				'type' => 'info',
-				'desc' => esc_html__( 'You can easily add a variety of data from WordPress.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-categories',
-				'type'     => 'select',
-				'data'     => 'roles',
-				'title'    => esc_html__( 'Categories Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-categories-multi',
-				'type'     => 'select',
-				'data'     => 'categories',
-				'multi'    => true,
-				'title'    => esc_html__( 'Categories Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-pages',
-				'type'     => 'select',
-				'data'     => 'pages',
-				'title'    => esc_html__( 'Pages Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-multi-select-pages',
-				'type'     => 'select',
-				'data'     => 'pages',
-				'multi'    => true,
-				'title'    => esc_html__( 'Pages Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-tags',
-				'type'     => 'select',
-				'data'     => 'tags',
-				'title'    => esc_html__( 'Tags Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-multi-select-tags',
-				'type'     => 'select',
-				'data'     => 'terms',
-				'multi'    => true,
-				'title'    => esc_html__( 'Tags Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-terms',
-				'type'     => 'select',
-				'data'     => 'terms',
-				'title'    => esc_html__( 'Terms Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-multi-select-terms',
-				'type'     => 'select',
-				'data'     => 'terms',
-				'multi'    => true,
-				'title'    => esc_html__( 'Terms Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-menus',
-				'type'     => 'select',
-				'data'     => 'menus',
-				'title'    => esc_html__( 'Menus Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-multi-select-menus',
-				'type'     => 'select',
-				'data'     => 'menu',
-				'multi'    => true,
-				'title'    => esc_html__( 'Menus Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-post-type',
-				'type'     => 'select',
-				'data'     => 'post_type',
-				'title'    => esc_html__( 'Post Type Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-multi-select-post-type',
-				'type'     => 'select',
-				'data'     => 'post_type',
-				'multi'    => true,
-				'title'    => esc_html__( 'Post Type Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-multi-select-sortable',
-				'type'     => 'select',
-				'data'     => 'post_type',
-				'multi'    => true,
-				'sortable' => true,
-				'title'    => esc_html__( 'Post Type Multi Select Option + Sortable', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'This field also has sortable enabled!', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-posts',
-				'type'     => 'select',
-				'data'     => 'post',
-				'title'    => esc_html__( 'Posts Select Option2', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-multi-select-posts',
-				'type'     => 'select',
-				'data'     => 'post',
-				'multi'    => true,
-				'title'    => esc_html__( 'Posts Multi Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-roles',
-				'type'     => 'select',
-				'data'     => 'roles',
-				'title'    => esc_html__( 'User Role Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'               => 'opt-select-capabilities',
-				'type'             => 'select',
-				'data'             => 'capabilities',
-				'multi'            => false,
-				'ajax'             => true,
-				'min_input_length' => 3,
-				'title'            => esc_html__( 'Capabilities Select Option w/ AJAX Loading', 'your-textdomain-here' ),
-				'subtitle'         => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'             => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-elusive',
-				'type'     => 'select',
-				'data'     => 'elusive-icons',
-				'title'    => esc_html__( 'Elusive Icons Select Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'Here\'s a list of all the elusive icons by name and icon.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'               => 'opt-select-users',
-				'type'             => 'select',
-				'data'             => 'users',
-				'ajax'             => true,
-				'min_input_length' => 3,
-				'title'            => esc_html__( 'Users Select Option', 'your-textdomain-here' ),
-				'subtitle'         => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'             => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-			),
-			array(
-				'id'       => 'opt-select-callback',
-				'type'     => 'select',
-				'data'     => 'callback',
-				'args'     => 'redux_select_callback',
-				'title'    => esc_html__( 'Select Option using a Callback', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'The items in this select were added via a callback function.', 'your-textdomain-here' ),
-			),
-		),
-	)
+                // Must provide key => value pairs for radio options.
+                'options'  => array(
+                    '1' => 'Opt 1',
+                    '2' => 'Opt 2',
+                    '3' => 'Opt 3',
+                ),
+                'default'  => array( '2', '3' ),
+            ),
+            array(
+                'id'   => 'opt-info',
+                'type' => 'info',
+                'desc' => esc_html__( 'You can easily add a variety of data from WordPress.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-categories',
+                'type'     => 'select',
+                'data'     => 'roles',
+                'title'    => esc_html__( 'Categories Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-categories-multi',
+                'type'     => 'select',
+                'data'     => 'categories',
+                'multi'    => true,
+                'title'    => esc_html__( 'Categories Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-pages',
+                'type'     => 'select',
+                'data'     => 'pages',
+                'title'    => esc_html__( 'Pages Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-multi-select-pages',
+                'type'     => 'select',
+                'data'     => 'pages',
+                'multi'    => true,
+                'title'    => esc_html__( 'Pages Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-tags',
+                'type'     => 'select',
+                'data'     => 'tags',
+                'title'    => esc_html__( 'Tags Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-multi-select-tags',
+                'type'     => 'select',
+                'data'     => 'terms',
+                'multi'    => true,
+                'title'    => esc_html__( 'Tags Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-terms',
+                'type'     => 'select',
+                'data'     => 'terms',
+                'title'    => esc_html__( 'Terms Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-multi-select-terms',
+                'type'     => 'select',
+                'data'     => 'terms',
+                'multi'    => true,
+                'title'    => esc_html__( 'Terms Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-menus',
+                'type'     => 'select',
+                'data'     => 'menus',
+                'title'    => esc_html__( 'Menus Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-multi-select-menus',
+                'type'     => 'select',
+                'data'     => 'menu',
+                'multi'    => true,
+                'title'    => esc_html__( 'Menus Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-post-type',
+                'type'     => 'select',
+                'data'     => 'post_type',
+                'title'    => esc_html__( 'Post Type Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-multi-select-post-type',
+                'type'     => 'select',
+                'data'     => 'post_type',
+                'multi'    => true,
+                'title'    => esc_html__( 'Post Type Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-multi-select-sortable',
+                'type'     => 'select',
+                'data'     => 'post_type',
+                'multi'    => true,
+                'sortable' => true,
+                'title'    => esc_html__( 'Post Type Multi Select Option + Sortable', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'This field also has sortable enabled!', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-posts',
+                'type'     => 'select',
+                'data'     => 'post',
+                'title'    => esc_html__( 'Posts Select Option2', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-multi-select-posts',
+                'type'     => 'select',
+                'data'     => 'post',
+                'multi'    => true,
+                'title'    => esc_html__( 'Posts Multi Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-roles',
+                'type'     => 'select',
+                'data'     => 'roles',
+                'title'    => esc_html__( 'User Role Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'               => 'opt-select-capabilities',
+                'type'             => 'select',
+                'data'             => 'capabilities',
+                'multi'            => false,
+                'ajax'             => true,
+                'min_input_length' => 3,
+                'title'            => esc_html__( 'Capabilities Select Option w/ AJAX Loading', 'your-textdomain-here' ),
+                'subtitle'         => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'             => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-elusive',
+                'type'     => 'select',
+                'data'     => 'elusive-icons',
+                'title'    => esc_html__( 'Elusive Icons Select Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'Here\'s a list of all the elusive icons by name and icon.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'               => 'opt-select-users',
+                'type'             => 'select',
+                'data'             => 'users',
+                'ajax'             => true,
+                'min_input_length' => 3,
+                'title'            => esc_html__( 'Users Select Option', 'your-textdomain-here' ),
+                'subtitle'         => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'             => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'       => 'opt-select-callback',
+                'type'     => 'select',
+                'data'     => 'callback',
+                'args'     => 'redux_select_callback',
+                'title'    => esc_html__( 'Select Option using a Callback', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'The items in this select were added via a callback function.', 'your-textdomain-here' ),
+            ),
+        ),
+    )
 );
 
 /**
@@ -274,13 +274,13 @@ 
  * @return array
  */
 function redux_select_callback(): array {
-	$options = array();
+    $options = array();
 
-	$options[0] = esc_html__( 'Zero', 'your-textdomain-here' );
-	$options[1] = esc_html__( 'One', 'your-textdomain-here' );
-	$options[2] = esc_html__( 'Two', 'your-textdomain-here' );
-	$options[3] = esc_html__( 'Three', 'your-textdomain-here' );
+    $options[0] = esc_html__( 'Zero', 'your-textdomain-here' );
+    $options[1] = esc_html__( 'One', 'your-textdomain-here' );
+    $options[2] = esc_html__( 'Two', 'your-textdomain-here' );
+    $options[3] = esc_html__( 'Three', 'your-textdomain-here' );
 
-	return $options;
+    return $options;
 }
 // phpcs:enable

sample/sections/select-fields/image-select.php

Indentation +106 added lines, -106 removed lines

@@ -10,113 +10,113 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Image Select', 'your-textdomain-here' ),
-		'id'         => 'select-image_select',
-		'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/image-select.html" target="_blank">https://devs.redux.io/core-fields/image-select.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'       => 'opt-image-select-layout',
-				'type'     => 'image_select',
-				'title'    => esc_html__( 'Images Option for Layout', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This uses some of the built in images, you can use them for layout options.', 'your-textdomain-here' ),
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Image Select', 'your-textdomain-here' ),
+        'id'         => 'select-image_select',
+        'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/image-select.html" target="_blank">https://devs.redux.io/core-fields/image-select.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'       => 'opt-image-select-layout',
+                'type'     => 'image_select',
+                'title'    => esc_html__( 'Images Option for Layout', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This uses some of the built in images, you can use them for layout options.', 'your-textdomain-here' ),
 
-				// Must provide key => value(array:title|img) pairs for radio options.
-				'options'  => array(
-					'1' => array(
-						'alt' => '1 Column',
-						'img' => Redux_Core::$url . 'assets/img/1col.png',
-					),
-					'2' => array(
-						'alt' => '2 Column Left',
-						'img' => Redux_Core::$url . 'assets/img/2cl.png',
-					),
-					'3' => array(
-						'alt' => '2 Column Right',
-						'img' => Redux_Core::$url . 'assets/img/2cr.png',
-					),
-					'4' => array(
-						'alt' => '3 Column Middle',
-						'img' => Redux_Core::$url . 'assets/img/3cm.png',
-					),
-					'5' => array(
-						'alt' => '3 Column Left',
-						'img' => Redux_Core::$url . 'assets/img/3cl.png',
-					),
-					'6' => array(
-						'alt' => '3 Column Right',
-						'img' => Redux_Core::$url . 'assets/img/3cr.png',
-					),
-				),
-				'default'  => '2',
-			),
-			array(
-				'id'       => 'opt-patterns',
-				'type'     => 'image_select',
-				'tiles'    => true,
-				'title'    => esc_html__( 'Images Option (with tiles => true)', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Select a background pattern.', 'your-textdomain-here' ),
-				'default'  => 0,
-				'options'  => $sample_patterns,
-			),
-			array(
-				'id'       => 'opt-image-select',
-				'type'     => 'image_select',
-				'title'    => esc_html__( 'Images Option', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                // Must provide key => value(array:title|img) pairs for radio options.
+                'options'  => array(
+                    '1' => array(
+                        'alt' => '1 Column',
+                        'img' => Redux_Core::$url . 'assets/img/1col.png',
+                    ),
+                    '2' => array(
+                        'alt' => '2 Column Left',
+                        'img' => Redux_Core::$url . 'assets/img/2cl.png',
+                    ),
+                    '3' => array(
+                        'alt' => '2 Column Right',
+                        'img' => Redux_Core::$url . 'assets/img/2cr.png',
+                    ),
+                    '4' => array(
+                        'alt' => '3 Column Middle',
+                        'img' => Redux_Core::$url . 'assets/img/3cm.png',
+                    ),
+                    '5' => array(
+                        'alt' => '3 Column Left',
+                        'img' => Redux_Core::$url . 'assets/img/3cl.png',
+                    ),
+                    '6' => array(
+                        'alt' => '3 Column Right',
+                        'img' => Redux_Core::$url . 'assets/img/3cr.png',
+                    ),
+                ),
+                'default'  => '2',
+            ),
+            array(
+                'id'       => 'opt-patterns',
+                'type'     => 'image_select',
+                'tiles'    => true,
+                'title'    => esc_html__( 'Images Option (with tiles => true)', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Select a background pattern.', 'your-textdomain-here' ),
+                'default'  => 0,
+                'options'  => $sample_patterns,
+            ),
+            array(
+                'id'       => 'opt-image-select',
+                'type'     => 'image_select',
+                'title'    => esc_html__( 'Images Option', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'No validation can be done on this field type', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
 
-				// Must provide key => value(array:title|img) pairs for radio options.
-				'options'  => array(
-					'1' => array(
-						'title' => 'Opt 1',
-						'img'   => admin_url() . 'images/align-none.png',
-					),
-					'2' => array(
-						'title' => 'Opt 2',
-						'img'   => admin_url() . 'images/align-left.png',
-					),
-					'3' => array(
-						'title' => 'Opt 3',
-						'img'   => admin_url() . 'images/align-center.png',
-					),
-					'4' => array(
-						'title' => 'Opt 4',
-						'img'   => admin_url() . 'images/align-right.png',
-					),
-				),
-				'default'  => '2',
-			),
-			array(
-				'id'         => 'opt-presets',
-				'type'       => 'image_select',
-				'presets'    => true,
-				'full_width' => true,
-				'title'      => esc_html__( 'Preset', 'your-textdomain-here' ),
-				'subtitle'   => esc_html__( 'This allows you to set a json string or array to override multiple preferences in your theme.', 'your-textdomain-here' ),
-				'default'    => 0,
-				'desc'       => esc_html__( 'This allows you to set a json string or array to override multiple preferences in your theme.', 'your-textdomain-here' ),
-				'options'    => array(
-					'1' => array(
-						'alt'     => 'Preset 1',
-						'img'     => Redux_Core::$url . '../sample/presets/preset1.png',
-						'presets' => array(
-							'switch-on'     => 1,
-							'switch-off'    => 1,
-							'switch-parent' => 1,
-						),
-					),
-					'2' => array(
-						'alt'     => 'Preset 2',
-						'img'     => Redux_Core::$url . '../sample/presets/preset2.png',
-						'presets' => '{"opt-slider-label":"1", "opt-slider-text":"10"}',
-					),
-				),
-			),
-		),
-	)
+                // Must provide key => value(array:title|img) pairs for radio options.
+                'options'  => array(
+                    '1' => array(
+                        'title' => 'Opt 1',
+                        'img'   => admin_url() . 'images/align-none.png',
+                    ),
+                    '2' => array(
+                        'title' => 'Opt 2',
+                        'img'   => admin_url() . 'images/align-left.png',
+                    ),
+                    '3' => array(
+                        'title' => 'Opt 3',
+                        'img'   => admin_url() . 'images/align-center.png',
+                    ),
+                    '4' => array(
+                        'title' => 'Opt 4',
+                        'img'   => admin_url() . 'images/align-right.png',
+                    ),
+                ),
+                'default'  => '2',
+            ),
+            array(
+                'id'         => 'opt-presets',
+                'type'       => 'image_select',
+                'presets'    => true,
+                'full_width' => true,
+                'title'      => esc_html__( 'Preset', 'your-textdomain-here' ),
+                'subtitle'   => esc_html__( 'This allows you to set a json string or array to override multiple preferences in your theme.', 'your-textdomain-here' ),
+                'default'    => 0,
+                'desc'       => esc_html__( 'This allows you to set a json string or array to override multiple preferences in your theme.', 'your-textdomain-here' ),
+                'options'    => array(
+                    '1' => array(
+                        'alt'     => 'Preset 1',
+                        'img'     => Redux_Core::$url . '../sample/presets/preset1.png',
+                        'presets' => array(
+                            'switch-on'     => 1,
+                            'switch-off'    => 1,
+                            'switch-parent' => 1,
+                        ),
+                    ),
+                    '2' => array(
+                        'alt'     => 'Preset 2',
+                        'img'     => Redux_Core::$url . '../sample/presets/preset2.png',
+                        'presets' => '{"opt-slider-label":"1", "opt-slider-text":"10"}',
+                    ),
+                ),
+            ),
+        ),
+    )
 );
 // phpcs:enable