myfaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From lu4...@apache.org
Subject svn commit: r1130182 - in /myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp: META-INF/templates/leftmenu.xhtml roundedPanel.xhtml
Date Wed, 01 Jun 2011 15:11:13 GMT
Author: lu4242
Date: Wed Jun  1 15:11:12 2011
New Revision: 1130182

URL: http://svn.apache.org/viewvc?rev=1130182&view=rev
Log:
TOMAHAWK-1594 Add s:roundedPanel component

Added:
    myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/roundedPanel.xhtml
Modified:
    myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/META-INF/templates/leftmenu.xhtml

Modified: myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/META-INF/templates/leftmenu.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/META-INF/templates/leftmenu.xhtml?rev=1130182&r1=1130181&r2=1130182&view=diff
==============================================================================
--- myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/META-INF/templates/leftmenu.xhtml
(original)
+++ myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/META-INF/templates/leftmenu.xhtml
Wed Jun  1 15:11:12 2011
@@ -38,6 +38,7 @@
         <li class="none"><h:link outcome="jsCallbackFunction" value="s:jsCallbackFunction"></h:link></li>
         <li class="none"><h:link outcome="jsOnEventAjax" value="s:jsOnEventAjax"></h:link></li>
         <li class="none"><h:link outcome="passwordStrength" value="s:passwordStrength"></h:link></li>
+        <li class="none"><h:link outcome="roundedPanel" value="s:roundedPanel"></h:link></li>
     </ul>
 </ui:composition>
 </body>

Added: myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/roundedPanel.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/roundedPanel.xhtml?rev=1130182&view=auto
==============================================================================
--- myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/roundedPanel.xhtml (added)
+++ myfaces/tomahawk/trunk/sandbox/examples20/src/main/webapp/roundedPanel.xhtml Wed Jun 
1 15:11:12 2011
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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:f="http://java.sun.com/jsf/core"
+        xmlns:h="http://java.sun.com/jsf/html"
+        xmlns:ui="http://java.sun.com/jsf/facelets"
+        xmlns:t="http://myfaces.apache.org/tomahawk"
+        xmlns:s="http://myfaces.apache.org/sandbox"
+        xmlns:mc="http://myfaces.apache.org/commons/components">
+<!--
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+//-->
+<body>
+<ui:composition template="/META-INF/templates/example_template.xhtml">
+  <ui:define name="main_content">
+    <p>This example shows how use s:roundedPanel to generate rounded corners</p>
+    <p>The first panel uses 'div' layout</p>
+    <br/>
+    <!--     
+    <s:roundedPanel color="#669933" backgroundColor="#FFFFFF" radius="12" style="width:24px">
+    </s:roundedPanel>
+    <br/>
+     -->
+    
+    <s:roundedPanel color="#669933" backgroundColor="#FFFFFF" radius="12" style="width:260px"
contentStyle="margin-left:12px;margin-right:12px">
+      <s:roundedPanel color="#996600" backgroundColor="#669933" radius="12" style="width:100%"
contentStyle="margin-left:12px;margin-right:12px">
+        <h:panelGrid columns="2">
+            <h:outputLabel for="name" value="Name" style="color:white"/>
+            <h:inputText id="name"/>
+        </h:panelGrid>
+      </s:roundedPanel>
+    </s:roundedPanel>
+    <br/>
+    <p>The second panel uses 'table' layout. If you take a look at the code you'll
notice the difference for set margins for the content.</p>
+    <br/>
+    <s:roundedPanel color="#669933" backgroundColor="#FFFFFF" radius="12" layout="table"
style="width:260px" contentStyle="">
+      <s:roundedPanel color="#996600" backgroundColor="#669933" radius="12" layout="table"
style="width:236px;margin-left:12px;margin-right:12px">
+        <h:panelGrid cellpadding="0" cellspacing="0" columns="2" style="margin-left:12px;margin-right:12px">
+            <h:outputLabel for="name" value="Name" style="color:white"/>
+            <h:inputText id="name"/>
+        </h:panelGrid>
+      </s:roundedPanel>
+    </s:roundedPanel>
+  </ui:define>
+ </ui:composition>
+</body>
+</html>
\ No newline at end of file



Mime
View raw message