[Tips] Creating a single col(colspan 2) subheading field

[manchumahara]

Sometimes I need to create sub heading or heading field for showing some separator.

I am trying to write we can achieve that. The way wordpress renders the setting api it creates tabular format, fields labels in one col and field in 2nd col, we need to create a col with 2 col width or 'colspan' needs 2.

new field type: subheading

how to declare field

               array(
                    'name'        => 'This is my heading here',
                    'desc'        => __( 'This is heading description' ),
                    'type'        => 'subheading'
                ),

now , in the setting class you need to add the field definition method

                       /**
			 * Displays a  2 colspan subheading field for a settings field
			 *
			 * @param array $args settings field args
			 */
			function callback_subheading( $args ) {

				$html = '<h3 class="setting_subheading">'.$args['name'].'</h3>';
				$html .= $this->get_field_description( $args );

				echo $html;
			}

we are almost done, now in the setting api in javascript code area put some js code like below

              //make the subheading single row
		$('.setting_subheading').each(function (index, element) {		
			var $element = $(element);
			var $element_parent = $element.parent('td');
			$element_parent.attr('colspan', 2);
			$element_parent.prev('th').remove();
		});

[pablo-sg-pacheco]

Great idea!
It's working on the most recent version?

[manchumahara]

hi, this is not added in the core, I am just sharing my example code @pablo-sg-pacheco

[pablo-sg-pacheco]

ok, thanks