10:11 a.m.
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