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

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

    jsmoorejr

      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