Details

    • Type: Task
    • Status: Resolved (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: 4.0.0.Final
    • Component/s: doc
    • Labels:
      None

      Description

      Sean here is the info to add to rich:message reference

      "+Icons customization

      Messages in 4.x has greatly simplified markup because them now acts on the client side and Client Side Validation creates it from just JavaScript. So message icons attributes were removed and replaced with just CSS definitions in predefined classes. Why was that done? Because allowing such attributes usage requires from us to add img HTML elements to the component markup. And in some browsers (IE for example) when we creating the image element in JS and adding it to DOM tree resource for that image getting loaded twice and that descreases performance and also causes some problems with concurrent access at some environments.

      So here is what you should done now in order to customize the icon:
      .rf-msg-err{
      background-image: url('#

      {facesContext.externalContext.requestContextPath}

      /images/icons/some_custom_error_marker_name.gif');
      }
      Besides you could use .rf-msg-ftl, .rf-msg-inf, .rf-msg-wrn in a similar way in order to customize icons for other messages severities.

      You may also want to change some properties like paddings (in case your icons smaller or greater than default ones), So you could add such definitions to the same classes where changed the incons..
      "

      for rich:messages component will be almost the same but you should consider http://jira.jboss.org/browse/RF-10720 when will be fixed.

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                seanrogers Sean Rogers
                Reporter:
                ilya_shaikovsky Ilya Shaikovsky
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: