In wordpress customizer api adding div wrap to control

Question

As here is a ticket about input_attrs class not working for some controls .

I want to know if I can wrap some wordpress customize control inside a div ?

Can I do something like

$wp_customize->add_control( $this->slug . '_style[heading_text_decoration]', array(
            'label'    => __('Text Decoration'),
            'type'     => 'checkbox',
            'section' => $this->slug . '_text_style',
            'priority' => 16,
            'input_attrs' => array(
                'before' => '<div class="my-wrap">',
                'class' => 'section-style-all-heading',
                'after' => '</div>'
            ),
        ) );

or

$wp_customize->add_control( $this->slug . '_style[heading_text_decoration]', array(
            'label'    => __('Text Decoration'),
            'type'     => 'checkbox',
            'section' => $this->slug . '_text_style',
            'priority' => 16,
            'input_attrs' => array(
                'wrap' => '<div class="my-wrap"></div>',
                'class' => 'section-style-all-heading',
            ),
        ) );

or any other way to do it ?

@DavidLee I want to separate the controls and want to show and hide using javascript. — Prafulla Kumar Sahu
– Prafulla Kumar Sahu, Commented Feb 16, 2017 at 7:39
you dont have access to the files that add the controls? separate with CSS? — David Lee
– David Lee, Commented Feb 16, 2017 at 16:16
@DavidLee consider a section having 15 controls now I want to organize those by 3 groups and only one group will visible that will be chosen by select box now, if I can not add class or wrap, how I will separate them ? — Prafulla Kumar Sahu
– Prafulla Kumar Sahu, Commented Feb 16, 2017 at 19:28
that can be done in 2 ways and you dont need input_attrs since its at the control level, this is a entire new question. — David Lee
– David Lee, Commented Feb 16, 2017 at 20:07

David Lee · Accepted Answer · 2017-02-15 15:09:35Z

0

As the ticket says, input_attrs is not working for:

checkboxes, textareas, and other non-fallthrough cases

to have the wrapper you would have to create your own custom control and add the div in the render part, or go the hackish way with JavaScript.

answered Feb 15, 2017 at 15:09

David Lee

3,9513 gold badges15 silver badges20 bronze badges

Add a comment |

Stack Exchange Network

In wordpress customizer api adding div wrap to control

1 Answer 1

Your Answer

Hot Network Questions

In wordpress customizer api adding div wrap to control

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions