hi
i use your customizer when i use editor field in customizer it will not save any data

can you please hep ??

http://prntscr.com/g3ugv9

hope hear back from you soon

Thanks

Per Otto's explanation, each custom control should probably declare a unique public $type property.

Example:

if ( ! class_exists( 'WP_Customize_Control' ) )
    return NULL;

class Textarea_Custom_Control extends WP_Customize_Control
{
    public $type = 'textarea';

    /**
     * Render the control's content.
     *
     * Allows the content to be overriden without having to rewrite the wrapper.
     *
     * @since   10/16/2012
     * @return  void
     */
    public function render_content() {

Hi just noticed that the post dropdown doesn't work correctly. It doesn't update on change, and it doesn't save. Seems that the <?php $this->link(); ?> is missing from the select tag. I simply edited so it reads like this on line 26:

<select name="<?php echo $this->id; ?>" <?php $this->link(); ?> id="<?php echo $this->id; ?>">

That seems to fix it.

Took forever to figure this out but if anyone is implementing this on WP 4.0+, the markup for the Layout Picker Custom Control needs to have the data-customize-setting-link="radio_setting" data attribute for the Customizer to recognize the change and save the value:

<ul>
   <li class="full-content">
      <label>
      <input type="radio" value="full-content" name="_<?php echo $this->id; ?>" data-customize-setting-link="radio_setting"  />
      <img src="<?php echo $finalImageDirectory; ?>full-content.jpg" alt="Full Content" />
      </label>
   </li>
   <li class="excerpt">
      <label>
      <input type="radio" value="excerpt" name="_<?php echo $this->id; ?>" data-customize-setting-link="radio_setting"  />
      <img src="<?php echo $finalImageDirectory; ?>excerpt.jpg" alt="Excerpt" />
      </label>
   </li>
   <li class="fancy-rollover">
      <label>
      <input type="radio" value="fancy-rollover" name="_<?php echo $this->id; ?>" data-customize-setting-link="radio_setting"  />
      <img src="<?php echo $finalImageDirectory; ?>fancy-rollover.jpg" alt="Fancy Rollover" />
      </label>
   </li>
</ul>

I kinda assume it would be similar for other Custom Controls as well. So watch for that.

Why is there no basic color option?

Perhaps customizer has been updated in the last 4 years since this set was made. There needs to be added

<?php echo $this->get_link() ?>

to each of the input html so that wordpress knows there is a change and the save button updates, and of course the data gets saved

example for date picker

<label>           
          <span class="customize-date-picker-control"><?php echo esc_html( $this->label ); ?></span>
          <input <?php echo $this->get_link() ?>  type="date" id="<?php echo $this->id; ?>" name="<?php echo $this->id; ?>" value="<?php echo $this->value(); ?>" class="startcamp_datepicker" />                    
        </label>

I'm not making a pull request as it seems to me clear that this is a dead project. I'm leaving this here so others can find out the fix.

http://make.wordpress.org/core/2014/04/17/live-widget-previews-widget-management-in-the-customizer-in-wordpress-3-9/

Hi,

I just implemented some custom controls but it seems that some of them only work in Google Chrome but not in Safari or Firefox (like the date picker).

Any idea?

I had to add link(); ?> to the select tag to get the menu dropdown changes to register. $args is not needed in wp_get_nav_menus(). selected() should use $this->value(), not $this->value.

I've added a Text_Editor_Custom_Control to my Customizer using the code below. When I navigate to that section in the Customizer, the field appears with the "Add Media" button plus the "Visual" and "Text" tabs. However, the TinyMCE editor doesn't load. It doesn't add the editor buttons, and the input element itself remains a textarea, instead of being replaced by the iframe. There are no js errors in the console, nor are there any PHP errors (WP_DEBUG is set to 'true').

  $wp_customize->add_section( 'repeated_content' , array(
      'title'      => __( 'Repeated Content', 'sage' ),
  ) );
  $wp_customize->add_setting( 'scholarships' , array(
      'default'     => '',
      'transport'   => 'refresh',
  ) );
  $wp_customize->add_control( new Text_Editor_Custom_Control( $wp_customize, 'scholarships', array(
    'label'      => __( 'Scholarships', 'sage' ),
    'section'    => 'repeated_content',
    'settings'   => 'scholarships',
  ) ) );

The date picker control is working good on Chrome but not on Firefox.

File operations should use the WP_Filesystem methods instead of direct PHP filesystem calls.

http://codex.wordpress.org/Filesystem_API

WordPress stackexchange: http://wordpress.stackexchange.com/questions/155480/wp-filesystem-in-custom-customize-control

Hello..
i had download the zip file...
after extracting i put it in theme folder then i include the theme-customizer-demo.php.
after that window display white screen. if i remove it from functions.php then theme working currectly. but wordpress-theme-customizer-custom-controls not woking in mt any theme...
so please help me

Hey there,
Cool project! =)

I Noticed a couple minor items with this project. The issue is that the folder '/WordPress-Theme-Customizer-Custom-Controls' has uppercase characters and the calls to that directory, from within the project, are all lowercase. I noticed this in the layout picker control and also in the google font select document. So just change the folder to lowercase and that'll do the trick

Did you get the Text_Editor_Custom_control to work?

Hi,

I was wondering how does the Google Font controller would be used in the front page, how would i call it?

Thanks for this awesome set of examples.

I am trying to implement multiple instances of the WYSIWYG editor in the customizer.

When adding more than one, only one of them actually works. The others get initialized in a very strange fashion:

You can see in the second instance, it looks like the editors are stacked. It comes along with a JS error that states: Uncaught TypeError: Cannot read property 'settings' of null.

Do you know what may be causing this, and how to work around it?

Thanks,
Evan