Opened 6 years ago

Last modified 6 years ago

#10312 confirmed Bug

Checkbox styling within a Dialog IE applied multiple times.

Reported by: Stephan Owned by:
Priority: Normal Milestone:
Component: UI : Dialogs Version: 3.0
Keywords: IE Cc:

Description

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

Attachments (2)

test.png (32.9 KB) - added by Stephan 6 years ago.
Dialog ie7 with double images
mybutton.zip (4.8 KB) - added by Jakub Ś 6 years ago.

Download all attachments as: .zip

Change History (5)

comment:1 Changed 6 years ago by Piotrek Koszuliński

Status: newpending

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

Changed 6 years ago by Stephan

Attachment: test.png added

Dialog ie7 with double images

comment:2 Changed 6 years ago by 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'
						}
					]
				}
		  	]
		  }
		]

comment:3 Changed 6 years ago by Jakub Ś

Component: GeneralUI : Dialogs
Keywords: Dialog Styling removed
Status: pendingconfirmed
Version: 4.0.33.0

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.

Changed 6 years ago by Jakub Ś

Attachment: mybutton.zip added
Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy