Messages

compared with
Version 8 by Ken Fyten
on Nov 13, 2014 12:19.


Key
These lines were removed. This word was removed.
These lines were added. This word was added.

View page history


There are 1 changes. View first change.

 h2. Overview
  _Since 3.3_
  
 The messages component renders all Faces messages, all Faces messages for a specific component, or all Faces messages not associated with any component.
  
 {tip}See the ICEfaces Showcase [Live Demo|http://icefaces-showcase.icesoft.org/showcase.jsf?grp=aceMenu&exp=messagesBean] of this component, complete with source code.{tip}
  
  
 Styling is done by predefined jQuery classes in theme stylesheets:
  
 # Info: ui-icon-notice w/ ui-state-highlight css
 # Warn: ui-icon-info w/ ui-state-highlight css
 # Error: ui-icon-alert w/ ui-state-error css
 # Fatal: ui-icon-alert w/ ui-state-error css
  
 You can use the style and styleClass attributes to override the styles.
  
 h2. Getting Started
 {panel}
 {code:xml|borderStyle=dashed}<ace:messages id="allMsgs"/>
 {code}
 {panel}
 h2. Attributes
  
 {tip:title=TagLib Documentation}This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available [here|http://www.icefaces.org/docs/v4_latest/ace/tld/ace/messages.html].{tip}
 {panel}
 *for*: Identifier of the component for which to render error messages. Leave out or use "@all" to output global messages.
 {panel}
 {panel}
 *globalOnly*: Flag indicating whether only global messages (that is, messages with no associated client identifier) should be rendered.
 {panel}
 {panel}
 *style*: CSS style(s) to be applied when this component is rendered.
 {panel}
 {panel}
 *styleClass*: Space-separated list of CSS style class(es) to be applied when this element is rendered.
 {panel}
 h2. Event Listeners
  
 h2. Client Behavior Events
  
 h2. JavaScript API
  
 h2. Keyboard Support
  
 h2. CSS Classes
  
 The following markup represents the basic HTML structure of the component and the CSS classes it uses.
  
 {code:xml}
 <!-- Root container -->
 <div class="ui-faces-messages ui-widget [user defined classes]" style="[user defined styles]">
  <!-- First message -->
  <div class="ui-corner-all [ui-state-highlight | ui-state-error]">
  <span class="ui-icon ui-icon-info"></span>Message
  </div>
  <!-- More messages... -->
 </div>
 {code}
 h2. Known Issues
  
 None.
  
 h2. Additional Resources

© Copyright 2017 ICEsoft Technologies Canada Corp.