Checkbox styling within a Dialog IE applied multiple times.

[Stephan]

When i add styling to a checkbox within a dialog, It is applied multiple times, To the text and to the Checkbox.

This happend in Internet Explorer 7

[Piotrek Koszuliński]

Could you provide a sample or at least an excerpt from your dialog definition? More precise description will be helpful too.

[Stephan]

Dialog ie7 with double images

[Stephan]

    return {
    	title: 'Country Box',
		minWidth: 400,
		minHeight: 100,
		
		contents: [
		  {
			  id: 'tab-basic',
			  label: 'Country Box settings',
			  elements: [
			   
				{
				    type: 'hbox',
				    id: 'countryboxFlag',
				    children: [
				
						{
						    type: 'checkbox',
						    id: 'at',
						    label: 'Austria',
						    style: 'background:url(img/flag-at.png)	no-repeat; padding: 5px 0 0 30px;',
						},
						{
						    type: 'checkbox',
						    id: 'fr',
						    label: 'France',
						    style: 'background:url(img/flag-fr.png)	no-repeat; padding: 5px 0 0 30px;',
						},
						{
						    type: 'checkbox',
						    id: 'it',
						    label: 'Italy',
						    style: 'background:url(img/flag-it.png)	no-repeat; padding: 5px 0 0 30px;',
						    align: 'left'
						}
					]
				}
		  	]
		  }
		]

[Jakub Ś]

To reproduce:

1. In editor settings add:

   var editor = CKEDITOR.replace( 'editor1', {				
   	extraPlugins : 'mybutton',
   	toolbar : [
   		['Source','-','Save','NewPage','Preview','-','Templates'],
   		['mybutton']
   	]
   } );	
   

2. Put attached file in plugins folder (you will need to adjust url to logo.gif)

It seems that editor produces below code where both input and span are styled. This is causing problems in IE browsers.

<span style='padding: 5px 0px 0px 30px; background-image: url("http://cke.t/ckeditor/plugins/mybutton/logo_ckeditor.gif"); background-repeat: no-repeat;' id="cke_113_uiElement" class="cke_dialog_ui_checkbox">
<input style='padding: 5px 0px 0px 30px; background-image: url("http://cke.t/ckeditor/plugins/mybutton/logo_ckeditor.gif"); background-repeat: no-repeat;' id="cke_112_uiElement" class="cke_dialog_ui_checkbox_input" aria-labelledby="cke_111_label" type="checkbox"> <label id="cke_111_label" for="cke_112_uiElement">Austria</label>
</span>

Problem can be reproduced in all IE versions (7-10) , in both CKE 3.x and 4.x (v4) and is reproducible from CKEditor 3.0.