[gatein-commits] gatein SVN: r3348 - sandbox/mobile_delivery/trunk/examples/portlets/jsphellouser/src/main/webapp/jsp.

[do-not-reply at jboss.org]

Author: jpourtet
Date: 2010-06-16 11:11:02 -0400 (Wed, 16 Jun 2010)
New Revision: 3348

Modified:
   sandbox/mobile_delivery/trunk/examples/portlets/jsphellouser/src/main/webapp/jsp/welcome.jsp
Log:
modified jspHelloUser to add iPhone style

Modified: sandbox/mobile_delivery/trunk/examples/portlets/jsphellouser/src/main/webapp/jsp/welcome.jsp
===================================================================
--- sandbox/mobile_delivery/trunk/examples/portlets/jsphellouser/src/main/webapp/jsp/welcome.jsp	2010-06-16 13:28:42 UTC (rev 3347)
+++ sandbox/mobile_delivery/trunk/examples/portlets/jsphellouser/src/main/webapp/jsp/welcome.jsp	2010-06-16 15:11:02 UTC (rev 3348)
@@ -1,37 +1,124 @@
 <%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
 
-<div class="portlet-section-header">Welcome !</div>
+<style type="text/css">
+	body {
+	    background-color: #ddd;
+	    color: #222;
+	    font-family: Helvetica;
+	    font-size: 14px;
+	    margin: 0;
+	    padding: 0;
+	    
+	    text-align: justify;    
+	}
+	#header {
+	    background-color: #ccc;
+	    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
+	    border-color: #666;
+	    border-style: solid;
+	    border-width: 0 0 1px 0;
+	}
+	#header h1 {
+	    color: #222;
+	    font-size: 20px;
+	    font-weight: bold;
+	    margin: 0 auto;
+	    padding: 10px 0;
+	    text-align: center;
+	    text-shadow: 0px 1px 0px #fff;
+	    
+	    /* below for header ellipsis */
+		max-width: 160px;
+	    overflow: hidden;
+	    white-space: nowrap;
+	    text-overflow: ellipsis;
+	
+	}
+	ul {
+	    list-style: none;
+	    margin: 10px;
+	    padding: 0;
+	}
+	ul li a {
+	    background-color: #FFF;
+	    border: 1px solid #999;
+	    color: #222;
+	    display: block;
+	    font-size: 17px;
+	    font-weight: bold;
+	    margin-bottom: -1px;
+	    padding: 12px 10px;
+	    text-decoration: none;
+	}
+	ul li:first-child a {
+	    -webkit-border-top-left-radius: 8px;
+	    -webkit-border-top-right-radius: 8px;
+	}
+	ul li:last-child a {
+	    -webkit-border-bottom-left-radius: 8px;
+	    -webkit-border-bottom-right-radius: 8px;
+	}
+	ul li a:active,ul li a:hover {
+	    /* background-color:blue;*/
+	    background-image: -webkit-gradient(linear, left top, left bottom, from(#5d87b1), to(#2c6aa9));
+	    color:white;
+	}
+	#content {
+	    padding: 10px;
+	    text-shadow: 0px 1px 0px #fff;
+	}
+	#content a {
+	    color: blue;
+	}
+	
+	#progress {
+	    -webkit-border-radius: 10px;
+	    background-color: rgba(0,0,0,.7);
+	    color: white;
+	    font-size: 18px;
+	    font-weight: bold;
+	    height: 80px;
+	    left: 60px;
+	    line-height: 80px;
+	    margin: 0 auto;
+	    position: absolute;
+	    text-align: center;
+	    top: 120px;
+	    width: 200px;
+	}
+	
+	#header div.leftButton {
+	    font-weight: bold;
+	    text-align: center;
+	    line-height: 28px;
+	    color: white;
+	    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
+	    position: absolute;
+	    top: 7px;
+	    left: 6px;
+	    max-width: 50px;
+	    white-space: nowrap;
+	    overflow: hidden;
+	    text-overflow: ellipsis;
+	    border-width: 0 8px 0 14px;
+	    -webkit-border-image: url(../images/back_button.png) 0 8 0 14;
+	    -webkit-tap-highlight-color: rgba(0,0,0,0);
+	}
+	
+	#header div.leftButton.clicked {
+	    -webkit-border-image: url(../images/back_button_clicked.png) 0 8 0 14;
+	}
 
-<br/>
+</style>
+<div id="container">
+  <div id="header">
+    <!--h2><a href="./">None</a></h2-->
 
-<div class="portlet-font">
-
-    Welcome on the JSP Hello User portlet,
-my name is JBoss Portal. What's yours ?</div>
-
-<br/>
-
-<div class="portlet-font">Method 1: We simply pass the parameter to the render phase:<br/>
-<a href="<portlet:renderURL><portlet:param name="yourname" value="John Doe"/></portlet:renderURL>">John Doe</a></div>
-
-<br/>
-
-<div class="portlet-font">Method 2: We pass the parameter to the render phase, using valid markup:
-Please check the source code to see the difference with Method 1.
-<portlet:renderURL var="myRenderURL">
-    <portlet:param name="yourname" value='John Doe'/>
-</portlet:renderURL>
-<br/>
-<a href="<%= myRenderURL %>">John Doe</a></div>
-
-<br/>
-
-<div class="portlet-font">Method 3: We use a form:<br/>
-
-<portlet:actionURL var="myActionURL"/>
-<form action="<%= myActionURL %>" method="POST">
-         <span class="portlet-form-field-label">Name:</span>
-         <input class="portlet-form-input-field" type="text" name="yourname"/>
-         <input class="portlet-form-button" type="Submit"/>
-</form>
+    <div id="menu">
+        <ul>
+            <li><a href="about.html">About Red Hat</a></li>
+            <li><a href="rh-logo.html">Red Hat Logo</a></li>
+            <li><a href="fedora.html">Fedora</a></li>
+        </ul>
+    </div>
 </div>
\ No newline at end of file