id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc
9555	Cannot apply a custom classname to a button icon	Teresa Monahan	Frederico Caldeira Knabben	"We have a usecase where we would like to reuse an existing icon for a menubutton on the toolbar. 

To see an example of this:
- Extract the attached zip. Copy linkmenu into the plugins directory and toolbarMenu.html into the samples directory.
- Open toolbarMenu.html in a browser and click on the toolbar menu item.

We would like to reuse the link icon as the icon for the toolbar menu. However this is not possible in v4.

We could achieve this in v3 by applying a custom class to the menu button and then using the cke_icon class in the selector to style the icon e.g. .cke_button_link .cke_icon {....}

This does not work in V4 though because the class on the icon is specific to the feature it is for. Therefore the class for the icon of the menu button in the attached example is set to the following by default: 

{{{
cke_button_icon cke_button__mylinkmenu_icon
}}}

We need to be able to add a custom class to this so that we can reuse an existing icon e.g. adding the 
{{{
cke_button__link_icon
}}}
 class would apply the styles for this class that are generated during the build process:

{{{
.cke_button__link_icon{background:url(icons.png) no-repeat 0 -1472px!important}
}}}
[[BR]]

Specifying styling for the 
{{{
cke_button__mylinkmenu_icon
}}}
 class is not an option because the position of the link icon in the sprite is subject to change during the build process when the sprite is generated.

[[BR]]

Ideally we would like to be able to add custom classes for menu item icons too."	Bug	closed	Normal	CKEditor 4.0	General	4.0	fixed	IBM	Damian Satya Minnekanti