This page demos messages' skinning keys that are defined in the demoComponents skin.

v

Icon Selectors

fatalaf|messages::fatal-icon {content: url(/images/demoSkin/fatal.png); width: 16px; height: 16px;}
erroraf|messages::error-icon {content: url(/images/demoSkin/error.png); width: 16px; height: 16px;}
warningaf|messages::warning-icon {content: url(/images/demoSkin/warning.png); width: 16px; height: 16px;}
[i]af|messages::info-icon {content: '[I]'; width: 16px; height: 16px;}
confirmationaf|messages::confirmation-icon {content: url(/images/demoSkin/confirmation.png); width: 16px; height: 16px;}

>

Resource Styles


>

See Also

Demo:Collapse Pane
To see the messages inline, select the 'inline' box and click the update button in the editor at right.

By checking the boxes, a message of each selected type will be added to global scope.
Page Level
By checking the boxes, a message of each selected type will be added for the component.
Component Level