Adding a Button to a Dialog

Ok,

I've been banging my head against the wall for a few days now trying to simply add a 3rd button to a dialog I created. For the life of me, I'm clearly doing something wrong. Can anyone see why this .js file (which contains the code for the dialog) would fail ?


CKEDITOR.dialog.add( 'test', function( editor )
{
   return {
      title : 'My Dialog',
      minWidth : 400,
      minHeight : 200,
      contents : [
         {
            id : 'tab1',
            label : 'First Tab',
            title : 'First Tab',
            elements :
            [
               {
                  id : 'input1',
                  type : 'text',
                  label : 'Input 1'
               }
            ]
         }
      ],
      buttons: [
            CKEDITOR.dialog.okButton,
         
            CKEDITOR.dialog.cancelButton,
         
            {
               id: 'unique name',
               label: 'Custom Button',
               title: 'Button description',
               accessKey: 'C',
               disabled: false,
               onClick: function()
                  {
                     // code on click
                  },
            }
         ]

   };
} );

Fri, 10/30/2009 - 15:48

shri046

Joined: 08/04/2008

Posts: 56

Re: Adding a Button to a Dialog

I think its because of the extra comma ("},") at the end of this function

               onClick: function()
                  {
                     // code on click
                  },

Fri, 10/30/2009 - 15:52

sbelgrave

Joined: 30/10/2009

Posts: 21

Re: Adding a Button to a Dialog

Man i so hoped that was the issue. I removed the comma and it still fails :cry: . I've shut down my browser , cleared cached to be sure. So now the code looks like and still fails. Any more ideas anyone ?


CKEDITOR.dialog.add( 'test', function( editor )
{
   return {
      title : 'My Dialog',
      minWidth : 400,
      minHeight : 200,
      contents : [
         {
            id : 'tab1',
            label : 'First Tab',
            title : 'First Tab',
            elements :
            [
               {
                  id : 'input1',
                  type : 'text',
                  label : 'Input 1'
               }
            ]
         }
      ],
      buttons: [
            CKEDITOR.dialog.okButton,
         
            CKEDITOR.dialog.cancelButton,
         
            {
               id: 'unique name',
               label: 'Custom Button',
               title: 'Button description',
               accessKey: 'C',
               disabled: false,
               onClick: function()
                  {
                     // code on click
                  }
            }
         ]

   };
} );

Fri, 10/30/2009 - 16:54

shri046

Joined: 08/04/2008

Posts: 56

Re: Adding a Button to a Dialog

Try adding the "type" definition for your custom button in the "buttons" list.

      buttons: [
            CKEDITOR.dialog.okButton,
         
            CKEDITOR.dialog.cancelButton,
         
            {
               id: 'unique name',
               type: 'button',
               label: 'Custom Button',
               title: 'Button description',
               accessKey: 'C',
               disabled: false,
               onClick: function()
                  {
                     alert("Custom button clicked!");
                  }
            }
         ]

Fri, 10/30/2009 - 17:38

sbelgrave

Joined: 30/10/2009

Posts: 21

Re: Adding a Button to a Dialog

niiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiice job! that was it. If any website moderators are viewing this thread, UPDATE YOUR DOCUMENTATION TO REFLECT THIS . Thank you thank you.

Thu, 07/08/2010 - 08:13

vasanththomas

Joined: 08/07/2010

Posts: 2

Re: Adding a Button to a Dialog

Hi,

I am not sure I am in the correct forum thread.
Any how, if anyone can help that would be greatly appreciated.

I need to add a custom button in the toolbar, which when clicked should insert the following code in the editor's textarea "<more></more>"

can any one help me?