Author: Ochikvina
Date: 2010-12-23 06:12:58 -0500 (Thu, 23 Dec 2010)
New Revision: 20762
Added:
management/design-4x/message/messages.html
Modified:
management/design-4x/message/message.html
Log:
Added markup for rich:messages. Updated markup for rich:message.
Modified: management/design-4x/message/message.html
===================================================================
--- management/design-4x/message/message.html 2010-12-23 11:06:56 UTC (rev 20761)
+++ management/design-4x/message/message.html 2010-12-23 11:12:58 UTC (rev 20762)
@@ -5,6 +5,7 @@
<style type="text/css">
body{
font:normal 12px Arial, Verdana, sans-serif;
+ margin:20px;
}
/*--- RF Message styles ---*/
@@ -28,6 +29,10 @@
.rf-msg-err-lbl {
color:#ff0000;
}
+ .rf-msg-sum{ /*Summary*/
+ }
+ .rf-msg-des{ /*Description*/
+ }
/* FATAL specific*/
.rf-msg-ftl{
}
@@ -61,7 +66,10 @@
<span class="rf-msg-mkr rf-msg-err-mkr">
<img src="images/error.png" alt="Message marker"/>
</span>
- <span class="rf-msg-lbl rf-msg-err-lbl">Name: Validation
Error: Value is less than allowable minimum of '3'</span>
+ <span class="rf-msg-lbl rf-msg-err-lbl">
+ <span class="rf-msg-sum">Name: Validation Error: Value is less than
allowable minimum of '3'.</span>
+ <span class="rf-msg-des">Description</span>
+ </span>
</span>
<h1>FATAL Message</h1>
@@ -70,7 +78,10 @@
<span class="rf-msg-mkr rf-msg-ftl-mkr">
<img src="images/fatal.png" alt="Message marker"/>
</span>
- <span class="rf-msg-lbl rf-msg-ftl-lbl">Fatal
error!</span>
+ <span class="rf-msg-lbl rf-msg-ftl-lbl">
+ <span class="rf-msg-sum">Fatal error!</span>
+ <span class="rf-msg-des">Description</span>
+ </span>
</span>
<h1>INFO Message</h1>
@@ -79,7 +90,10 @@
<span class="rf-msg-mkr rf-msg-inf-mkr">
<img src="images/info.png" alt="Message marker"/>
</span>
- <span class="rf-msg-lbl
rf-msg-inf-lbl">Information</span>
+ <span class="rf-msg-lbl rf-msg-inf-lbl">
+ <span class="rf-msg-sum">Information!</span>
+ <span class="rf-msg-des">Description</span>
+ </span>
</span>
<h1>WARNING Message</h1>
@@ -88,7 +102,10 @@
<span class="rf-msg-mkr rf-msg-wrn-mkr">
<img src="images/warning.png" alt="Message marker"/>
</span>
- <span class="rf-msg-lbl
rf-msg-wrn-lbl">Warning!</span>
+ <span class="rf-msg-lbl rf-msg-wrn-lbl">
+ <span class="rf-msg-sum">Warning!</span>
+ <span class="rf-msg-des">Description</span>
+ </span>
</span>
</body>
</html>
Added: management/design-4x/message/messages.html
===================================================================
--- management/design-4x/message/messages.html (rev 0)
+++ management/design-4x/message/messages.html 2010-12-23 11:12:58 UTC (rev 20762)
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>Messages</title>
+ <style type="text/css">
+ body{
+ font:normal 12px Arial, Verdana, sans-serif;
+ margin:20px;
+ }
+
+ /*--- RF Message styles ---*/
+ .rf-msgs{
+ font-family:Verdana, sans-serif;
+ font-size:11px;
+ }
+ .rf-msgs ul{
+ list-style:none;
+ margin:8px 0;
+ padding:0;
+ }
+ .rf-msgs li{
+ margin:5px 0;
+ }
+ .rf-msgs table{
+ padding:0 0 8px;
+ }
+ .rf-msgs th{
+ padding:0 0 6px;
+ text-align:left;
+ }
+ .rf-msgs td{
+ padding:2px 0;
+ vertical-align:middle;
+ }
+ .rf-msgs-hdr{
+ font-weight:bold;
+ }
+ .rf-msgs-mkr{
+ }
+ td.rf-msgs-mkr{
+ padding-right:5px;
+ }
+ .rf-msgs-mkr img {
+ vertical-align:middle;
+ }
+ /* ERROR specific */
+ .rf-msgs-err{
+ }
+ .rf-msgs-err-mkr {
+ }
+ .rf-msgs-err-lbl {
+ color:#ff0000;
+ }
+ /* FATAL specific*/
+ .rf-msgs-ftl{
+ }
+ .rf-msgs-ftl-mkr {
+ }
+ .rf-msgs-ftl-lbl {
+ color:#ff0000;
+ }
+ /* INFO specific */
+ .rf-msgs-inf{
+ }
+ .rf-msgs-inf-mkr {
+ }
+ .rf-msgs-inf-lbl {
+ color:#000000;
+ }
+ /* WARNING specific */
+ .rf-msgs-wrn{
+ }
+ .rf-msgs-wrn-mkr {
+ }
+ .rf-msgs-wrn-lbl {
+ color:#000000;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Messages (LIST layout)</h1>
+
+ <div class="rf-msgs">
+ <div class="rf-msgs-hdr">Entered Data Status:</div>
+ <ul>
+ <li class="rf-msgs-err">
+ <span class="rf-msgs-mkr rf-msgs-err-mkr"><img
src="images/error.png" alt="Messages Marker"/></span>
+ <span class="rf-msgs-lbl rf-msgs-err-lbl">
+ <span class="rf-msgs-sum">Name: Validation Error:
Value is required.</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </span>
+ </li>
+ <li class="rf-msgs-ftl">
+ <span class="rf-msgs-mkr rf-msgs-ftl-mkr"><img
src="images/fatal.png" alt="Messages Marker"/></span>
+ <span class="rf-msgs-lbl rf-msgs-ftl-lbl">
+ <span class="rf-msgs-sum">Fatal
Error!</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </span>
+ </li>
+ <li class="rf-msgs-inf">
+ <span class="rf-msgs-mkr rf-msgs-inf-mkr"><img
src="images/info.png" alt="Messages Marker"/></span>
+ <span class="rf-msgs-lbl rf-msgs-inf-lbl">
+ <span
class="rf-msgs-sum">Information!</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </span>
+ </li>
+ <li class="rf-msgs-wrn">
+ <span class="rf-msgs-mkr rf-msgs-wrn-mkr"><img
src="images/warning.png" alt="Messages Marker"/></span>
+ <span class="rf-msgs-lbl rf-msgs-wrn-lbl">
+ <span class="rf-msgs-sum">Warning!</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </span>
+ </li>
+ </dl>
+ </div>
+
+ <h1>Messages (TABLE layout)</h1>
+
+ <div class="rf-msgs">
+ <table cellpadding="0" cellspacing="0">
+ <thead>
+ <tr>
+ <th colspan="2">Entered Data Status:</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="rf-msgs-err">
+ <td class="rf-msgs-mkr rf-msgs-err-mkr"><img
src="images/error.png" alt="Messages Marker"/></td>
+ <td class="rf-msgs-lbl rf-msgs-err-lbl">
+ <span class="rf-msgs-sum">Name: Validation Error:
Value is required.</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </td>
+ </tr>
+ <tr class="rf-msgs-ftl">
+ <td class="rf-msgs-mkr rf-msgs-ftl-mkr"><img
src="images/fatal.png" alt="Messages Marker"/></td>
+ <td class="rf-msgs-lbl rf-msgs-ftl-lbl">
+ <span class="rf-msgs-sum">Fatal
Error!</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </td>
+ </tr>
+ <tr class="rf-msgs-inf">
+ <td class="rf-msgs-mkr rf-msgs-inf-mkr"><img
src="images/info.png" alt="Messages Marker"/></td>
+ <td class="rf-msgs-lbl rf-msgs-inf-lbl">
+ <span
class="rf-msgs-sum">Information!</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </td>
+ </tr>
+ <tr class="rf-msgs-wrn">
+ <td class="rf-msgs-mkr rf-msgs-wrn-mkr"><img
src="images/warning.png" alt="Messages Marker"/></td>
+ <td class="rf-msgs-lbl rf-msgs-wrn-lbl">
+ <span class="rf-msgs-sum">Warning!</span>
+ <span
class="rf-msgs-des">Description.</span>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </body>
+</html>
\ No newline at end of file
Show replies by date