Hi,
Does anyone have an example for adding a combo/select box to a dialog?
I have tried the following and neither methods are working for me.
======================================
ckeditor.js:126 Uncaught TypeError: Cannot read property 'length' of undefined
======================================
==================================
Uncaught TypeError: Object #<an Object> has no method 'addRichCombo'
==================================
Does anyone have an example for adding a combo/select box to a dialog?
I have tried the following and neither methods are working for me.
======================================
ckeditor.js:126 Uncaught TypeError: Cannot read property 'length' of undefined
======================================
<script type="text/javascript"> //<![CDATA[ // When opening a dialog, its "definition" is created for it, for // each editor instance. The "dialogDefinition" event is then // fired. We should use this event to make customizations to the // definition of existing dialogs. CKEDITOR.on( 'dialogDefinition', function( ev ) { // Take the dialog name and its definition from the event // data. var dialogName = ev.data.name; var dialogDefinition = ev.data.definition; // Check if the definition is from the dialog we're // interested on (the "Link" dialog). if ( dialogName == 'link' ) { // Get a reference to the "Link Info" tab. var infoTab = dialogDefinition.getContents( 'info' ); // Add a dropdown select/combo to the "info" tab. infoTab.add( { type : 'select', label : 'Custom Links', id : 'customLinks', 'default' : 'Sample', }); // Rewrite the 'onFocus' handler to always focus 'url' field. dialogDefinition.onFocus = function() { var urlField = this.getContentElement( 'info', 'url' ); urlField.select(); }; } }); //]]> </script>
==================================
Uncaught TypeError: Object #<an Object> has no method 'addRichCombo'
==================================
<script type="text/javascript"> //<![CDATA[ // When opening a dialog, its "definition" is created for it, for // each editor instance. The "dialogDefinition" event is then // fired. We should use this event to make customizations to the // definition of existing dialogs. CKEDITOR.on( 'dialogDefinition', function( ev ) { // Take the dialog name and its definition from the event // data. var dialogName = ev.data.name; var dialogDefinition = ev.data.definition; // Check if the definition is from the dialog we're // interested on (the "Link" dialog). if ( dialogName == 'link' ) { // Get a reference to the "Link Info" tab. var infoTab = dialogDefinition.getContents( 'info' ); // Gets the list of tags from the settings. var tags = []; //new Array(); //this.add('value', 'drop_text', 'drop_label'); tags[0]=["%Title%", "title", "title"]; tags[1]=["%first_name%", "firstname", "firstname"]; tags[2]=["%last_name%", "lastname", "lastname"]; tags[3]=["%email%", "email", "email"]; tags[4]=["<a href=%unsub%>Unsubscribe</a>", "unsubscribe", "unsubscribe"]; infoTab.addRichCombo( 'customLinks', { label : "Custom Links", title :"Insert custom Links", voiceLabel : "Insert custom Links", className : 'cke_format', multiSelect : false, panel : { css : [ config.contentsCss, CKEDITOR.getUrl( editor.skinPath + 'editor.css' ) ], voiceLabel : lang.panelVoiceLabel }, init : function() { this.startGroup( "Custom Links" ); //this.add('value', 'drop_text', 'drop_label'); for (var this_tag in tags){ this.add(tags[this_tag][0], tags[this_tag][1], tags[this_tag][2]); } }, onClick : function( value ) { // Set the default value for the URL field. var urlField = infoTab.get( 'url' ); urlField['default'] = 'value'; } }); // Rewrite the 'onFocus' handler to always focus 'url' field. dialogDefinition.onFocus = function() { var urlField = this.getContentElement( 'info', 'url' ); urlField.select(); }; } }); //]]> </script>
Re: add combo to dialog
The following almost works for me:
Re: add combo to dialog
I'm assuming it IS possible??
Re: add combo to dialog
I had some trouble getting my select box in the right position. Turns out it's as easy as adding the id of the element you want to put it in front of as the 2nd argument of add().
Seems obvious now, but it took me half an hour to figure that one out =p
Re: add combo to dialog
Any help is appreciated.
Re: add combo to dialog
I think you would have to add to the source file to modify the LinkType box.
Re: add combo to dialog