(Title updated) |
(Minor correction) |
||
| Line 2: | Line 2: | ||
If you want to customize a [[CKEditor_3.x/Users_Guide/Interface/Dialog_Windows|dialog window]], check the source code of a plugin that creates it (e.g. <code>_source/''pluginName''/dialogs/''pluginDialog''.js</code>). | If you want to customize a [[CKEditor_3.x/Users_Guide/Interface/Dialog_Windows|dialog window]], check the source code of a plugin that creates it (e.g. <code>_source/''pluginName''/dialogs/''pluginDialog''.js</code>). | ||
| − | The <code>[http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.dialogDefinition.html#contents contents]</code> entry defines a dialog window tab. Each UI element (text field, checkbox, button, etc.) is defined using the <code>[http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.contentDefinition.html#elements elements]</code> array. | + | The <code>[http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.dialogDefinition.html#contents contents]</code> entry defines a dialog window tab (page). Each UI element (text field, checkbox, button, etc.) is defined using the <code>[http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.contentDefinition.html#elements elements]</code> array. The identifiers that can be used in code in order to refer to the dialog window fields can be found in the <code>id</code> parameters. |
| − | Below is an example of a dialog window tab entitled First Tab that contains a text field and a checkbox. | + | Below is an example of a dialog window tab entitled '''First Tab''' that contains a text field and a checkbox. |
<source lang="javascript"> | <source lang="javascript"> | ||
contents : | contents : | ||
Revision as of 14:06, 7 March 2011
If you want to customize a dialog window, check the source code of a plugin that creates it (e.g. _source/pluginName/dialogs/pluginDialog.js).
The contents entry defines a dialog window tab (page). Each UI element (text field, checkbox, button, etc.) is defined using the elements array. The identifiers that can be used in code in order to refer to the dialog window fields can be found in the id parameters.
Below is an example of a dialog window tab entitled First Tab that contains a text field and a checkbox.
contents :
[
{
id : 'tab1',
label : 'First Tab',
title : 'First Tab Title',
accessKey : 'Q',
elements :
[
{
type : 'text',
id : 'sampleText1',
label : 'Sample Text 1',
'default' : 'Hello world!'
},
{
type : 'checkbox',
id : 'sampleCheckbox',
label : 'This checkbox is selected by default',
'default' : true
}
]
}
]