[jboss-cvs] jboss-seam/examples/ui/view ...
Peter Muir
peter at bleepbleep.org.uk
Tue Jun 19 17:01:45 EDT 2007
User: pmuir
Date: 07/06/19 17:01:45
Modified: examples/ui/view linkAndButton.xhtml
selectItems.xhtml decorateField.xhtml
template.xhtml
Added: examples/ui/view dtpick.gif selectDate.xhtml date.css
Log:
Improvements to ui example
Revision Changes Path
1.2 +1 -1 jboss-seam/examples/ui/view/linkAndButton.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: linkAndButton.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/ui/view/linkAndButton.xhtml,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- linkAndButton.xhtml 28 Mar 2007 12:52:13 -0000 1.1
+++ linkAndButton.xhtml 19 Jun 2007 21:01:45 -0000 1.2
@@ -34,7 +34,7 @@
</s:button>
<h:outputText value="Page parameters" />
- <s:link view="/linkAndButton.xhtml" value="Add a page parameter">
+ <s:link action="#{buttonLink.simpleAction}" value="Add a page parameter">
<f:param name="foo" value="bar" />
</s:link>
<s:button action="#{buttonLink.simpleAction}" value="Add a page parameter">
1.19 +1 -3 jboss-seam/examples/ui/view/selectItems.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: selectItems.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/ui/view/selectItems.xhtml,v
retrieving revision 1.18
retrieving revision 1.19
diff -u -b -r1.18 -r1.19
--- selectItems.xhtml 13 Jun 2007 23:49:05 -0000 1.18
+++ selectItems.xhtml 19 Jun 2007 21:01:45 -0000 1.19
@@ -28,8 +28,6 @@
</h:selectOneMenu>
</s:decorate>
-
-
<s:decorate template="decorateField.xhtml">
<ui:define name="label">Name</ui:define>
<ui:define name="description">Enter your name as it appears on your passport</ui:define>
1.3 +5 -3 jboss-seam/examples/ui/view/decorateField.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: decorateField.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/ui/view/decorateField.xhtml,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- decorateField.xhtml 13 Jun 2007 23:49:05 -0000 1.2
+++ decorateField.xhtml 19 Jun 2007 21:01:45 -0000 1.3
@@ -14,8 +14,10 @@
<ui:insert/>
</s:validateAll>
</span>
+ <div>
<s:message styleClass="error errors"/>
- <span class="description"><ui:insert name="description" /></span>
+ </div>
+ <div class="description"><ui:insert name="description" /></div>
</div>
</ui:composition>
\ No newline at end of file
1.7 +8 -2 jboss-seam/examples/ui/view/template.xhtml
(In the diff below, changes in quantity of whitespace are not shown.)
Index: template.xhtml
===================================================================
RCS file: /cvsroot/jboss/jboss-seam/examples/ui/view/template.xhtml,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -b -r1.6 -r1.7
--- template.xhtml 13 Jun 2007 23:49:05 -0000 1.6
+++ template.xhtml 19 Jun 2007 21:01:45 -0000 1.7
@@ -6,6 +6,7 @@
xmlns:s="http://jboss.com/products/seam/taglib">
<head>
<title>UI Example: #{tagName}</title>
+<link href="date.css" rel="stylesheet" type="text/css" />
<style>
.label {
font-weight: bold;
@@ -41,16 +42,18 @@
}
.entry .input {
- width: 560px;
+ width: 600px;
text-align: left;
}
.entry .error {
- width: 560px;
+ width: 600px;
text-align: left;
+ margin-left: 270px;
}
.entry .description {
font-size: x-small;
+ margin-left: 270px;
}
.menu {
@@ -94,6 +97,9 @@
<code>s:graphicImage</code>
<f:param name="personId" value="1" />
</s:link></li>
+ <li><s:link view="/selectDate.xhtml" propagation="join">
+ <code>s:selectDate</code>
+ </s:link></li>
</ul>
</s:div>
<s:div styleClass="content">
1.1 date: 2007/06/19 21:01:45; author: pmuir; state: Exp;jboss-seam/examples/ui/view/dtpick.gif
<<Binary file>>
1.1 date: 2007/06/19 21:01:45; author: pmuir; state: Exp;jboss-seam/examples/ui/view/selectDate.xhtml
Index: selectDate.xhtml
===================================================================
<ui:composition 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:s="http://jboss.com/products/seam/taglib"
template="template.xhtml"
>
<ui:param name="tagName" value="s:selectDate" />
<ui:define name="body">
<p>This example shows example usage of the <code>s:selectDate</code> tag being used.</p>
<p>The example also uses:</p>
<ul>
<li><code>s:conversationPropagation</code></li>
<li><code>s:decorate</code></li>
<li><code>s:convertDateTime</code></li>
</ul>
<h:form>
<s:decorate template="decorateField.xhtml">
<h:inputText value="#{selectDate.date}" id="date">
<s:convertDateTime pattern="MM/dd/yyyy"/>
</h:inputText>
<s:selectDate for="date" startYear="1990" endYear="2020">
<img src="dtpick.gif"/>
</s:selectDate>
</s:decorate>
<h:commandButton value="Echo Date" action="#{selectDate.echo}">
<s:conversationPropagation type="join" />
</h:commandButton>
</h:form>
</ui:define>
</ui:composition>
1.1 date: 2007/06/19 21:01:45; author: pmuir; state: Exp;jboss-seam/examples/ui/view/date.css
Index: date.css
===================================================================
div.seam-date
{
margin-top: 5px;
border: 1px solid #AAAAAA;
background: #fff url(../img/input.bg.gif) 0 0 repeat-x;
background-color: #FFFFFF;
color: #505050;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}
table.seam-date td {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: 11px;
}
.seam-date-monthNames
{
width: 70px;
border: 1px solid #dddddd;
border-right: 3px solid #444444;
border-bottom: 3px solid #444444;
background-color: #ffffff;
font-size: 12px;
cursor: pointer;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.seam-date-monthNameLink, a.seam-date-monthNameLink:visited
{
text-align: center;
display: block;
color: #555555;
}
a.seam-date-monthNameLink:hover
{
background-color: #CCCCCC;
color: red;
}
.seam-date-years
{
height: 10em;
overflow: auto;
width: 60px;
border: 1px solid #dddddd;
border-right: 3px solid #444444;
border-bottom: 3px solid #444444;
background-color: #ffffff;
font-size: 12px;
cursor: pointer;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.seam-date-yearLink, a.seam-date-yearLink:visited
{
text-align: center;
display: block;
color: #555555;
}
a.seam-date-yearLink:hover
{
background-color: #CCCCCC;
color: red;
}
tr.seam-date-header
{
padding: 2px 0px 2px 0px;
}
td.seam-date-header
{
padding: 0px 8px 0px 8px;
text-align: center;
color: gray;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
td.seam-date-header-prevMonth
{
background-image: url("../img/cal-prev.png");
background-repeat: no-repeat;
background-position: center;
padding: 0px 2px 0px 2px;
width: 17px;
height: 16px;
margin-left: 2px;
}
td.seam-date-header-nextMonth
{
background-image: url("../img/cal-next.png");
background-repeat: no-repeat;
background-position: center;
padding: 0px 2px 0px 2px;
width: 17px;
height: 16px;
margin-right: 2px;
}
tr.seam-date-headerDays
{
color: white;
font-weight: normal;
}
tr.seam-date-headerDays > td
{
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
text-align: center;
width: 26px;
}
tr.seam-date-footer
{
background-color: white;
color: #505050;
font-weight: bold;
}
tr.seam-date-footer > td
{
text-align: center;
}
td.seam-date-inMonth
{
background-color: white;
color: black;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-outMonth
{
background-color: white;
color: #999999;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-selected
{
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: black;
font-weight: normal;
}
td.seam-date-dayOff-inMonth
{
background-color: #efefef;
color: black;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-dayOff-outMonth
{
background-color: #efefef;
color: #999999;
font-weight: normal;
cursor: pointer;
border: 1px solid #ece9d8;
}
td.seam-date-hover
{
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
cursor: pointer;
color: red;
}
More information about the jboss-cvs-commits
mailing list