title: ckeditor - how to add css class to input element in dialog
body: <p>I'm  editing a plugin under CKEditor, <code>link.js</code> under link plugin. I added a text input field and trying to assign a css class to input but can't do it. This is my code I added.</p>
  
  <pre><code>{
      type : 'text',
      class: 'myClassName',
      label : 'myInputLabel'
  }
  </code></pre>
  
  <p>I also tried <code>className</code>, <code>inputClass</code>, <code>inputStyle</code> instead of <code>class</code> but none of them worked.</p>
  
  <p>I need to have something like this</p>
  
  <pre><code>&lt;input class="cke_dialog_ui_input_text myClassName" type="text" aria-labelledby="cke_102_label"&gt;
  </code></pre>
  
  <h1>Workaround using jQuery</h1>
  
  <p>Seems CKEditor doesn't let you assign className directly to input element but it assigns it to input element's third level parent div</p>
  
  <pre><code>&lt;div class='cke_dialog_ui_text myClassName'&gt;
     &lt;div&gt;
        &lt;div&gt;
           &lt;input class='cke_dialog_ui_input_text'&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>What I did to make it work</strong></p>
  
  <pre><code>{
      type : 'text',
      className : 'myClassName',
      label : 'myInputLabel',
      onLoad : function () {
          var myid = this.getElement().getId();
          var that = this;
          var thatobj = $("#" + myid);
          var obj = $(".cke_dialog_ui_input_text", thatobj);
  
          //Have fun with your "obj" text input
          //variable "that" is good to have because you may need it inside of jQuery plugins like that.getDialog().setValueOf('info', 'url', 'blahblah');
      }
   }
  </code></pre>