<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" xmlns:notify="http://richfaces.org/sandbox/notify" > <head> <title>Notify sample</title> <style type="text/css"> .mail .rf-ny-co { padding: 0 10px; } .mail .rf-ny-cl { margin-top: 4px; } .mail .rf-ny-ic { display: block; background-image: url(mail.png); background-position: 50% 50%; background-repeat: no-repeat; width: 18px; height: 20px; } </style> </head> <body class="rich-container"> <ui:include src="menu.xhtml"/> <p> Skinning. Icon, skining by message type. </p> <notify:notify title="You've got mail" nonblocking="#{greeter.nonblocking}" sticky="true" styleClass="mail" /> <notify:notify title="You've got more mail (hides in 3sec)" nonblocking="true" sticky="false" styleClass="mail" delay="3000" stayTime="3000" /> <pre> <div class="rf-ny" style="width: 300px; opacity: 1; display: block; right: 15px; top: 15px;"> <div class="rf-ny-sh"></div> (This div only appears when shadow is turned on.) <div class="rf-ny-co" style="min-height: 16px;"> <div class="rc-ny-cl" style="cursor: pointer; display: none;"> <span class="rc-ny-cl-ic"></span> </div> <div class="rc-ny-ic"> <span></span> </div> <div class="rf-ny-tl">Pines Notify</div> <div class="rf-ny-te">Welcome to Pines Notify.</div> </div> </div> </pre> <rich:insert src="/notify_2.xhtml" highlight="xhtml"/> </body> </html>