Style for Custom Combo Box

I created a custom combo box in my application. I want to change the width and height of the Combo box. By default its taking styles for cke_rcombo.I am using following code

  editor.ui.addRichCombo( 'mytoolbar',
             {              
                multiSelect : false,
                className: cke_format,
                voiceLabel : "Data variable",
                title : "Insert dynamic data variable for Composite reporting",
                panel :
                {
                  css : [ CKEDITOR.getUrl( editor.skinPath + 'editor.css' ) ].concat(config.contentsCss)
                                                         
                },

still I am not able to get the proper style for combo. Please help me

Attachments:

ckeditorerror_1.jpg

Tue, 02/14/2012 - 16:23

swetha_java

Joined: 09/02/2012

Posts: 12

Re: Style for Custom Combo Box

no one know about this ???? No way to specify width of Rich combo in its definition????

Tue, 02/14/2012 - 16:52

sebstefanov

Joined: 03/02/2012

Posts: 1329

Re: Style for Custom Combo Box

this ticket

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Wed, 02/15/2012 - 16:55

swetha_java

Joined: 09/02/2012

Posts: 12

Re: Style for Custom Combo Box

Thanks Sebastian Stefanov. It worked for me. One more question how can I put label inside the combo instead of placing before combo.

Fri, 09/27/2013 - 16:07

(Reply to #4) #5

lilmoke

Joined: 21/11/2011

Posts: 6

RE: Style for Custom Combo Box

I know this is an old post, but I am using CKEditor 4 and have the same question... how can the rich combo be made wider? Curious if you ever solved it and how!! I read the proposed solution and I am either doing it wrong, or it does not work in CKEditor 4.x. Which version did you get it to work in?

Thanks for any help!

Fri, 11/08/2013 - 14:31

(Reply to #5) #6

synchro

Joined: 10/12/2007

Posts: 64

You can have richcombo

You can have richcombo toolbar buttons and the panels they pop up to have automatic width by adding this in your CSS:

.cke_combo_text, .cke_combopanel {
  width: auto !important;
}