0 Replies Latest reply: Apr 30, 2012 3:06 PM by jsmoorejr RSS

Styling issue with the <rich:editor> HTML Source Editor Window

jsmoorejr Newbie

The project I am working on is currently using richfaces 3.3.3. The issue I am having is with the <rich:editor> component, specifically the HTML Source Editor window that opens when the "HTML" tool is clicked. I have been able to remove the default image faces puts in and replace it with my own styles, including the "Maximize" and "Close" buttons. The problem comes in when I try to replace the "Update" and "Cancel" buttons at the bottom of that window. No matter what I do, the faces default remains. See the screenshot below and the css I am trying to use.

 

I tried this first:

 

#insert, #cancel, input.button, .updateButton {
     background: url("/marketing/customwebsites/basic/assets/img/layout/button_browe-blue-93x24.png") no-repeat !important;
     color: #fff;
}

 

When the above did not work, I tried this:

 

#insert, #cancel, input.button, .updateButton {
    background-image: none !important;
}

.mceActionPanel #insert,
.mceActionPanel #cancel {
    background: url("/marketing/customwebsites/basic/assets/img/layout/button_browe-blue-93x24.png") no-repeat !important;
    color: #fff;
}

 

Neither of these two approches worked. I really don't like using !important, but so far it has been the only way I am able to override the richfaces editor defaults.

 

htmleditsource.jpg

 

Does anyone have any thoughts on this? Suggestions?

 

Thanks