incubator-adffaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From jwald...@apache.org
Subject svn commit: r482446 - in /incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos: CustomPortletStyles.css portletSkinDemo.jspx
Date Tue, 05 Dec 2006 01:54:42 GMT
Author: jwaldman
Date: Mon Dec  4 17:54:40 2006
New Revision: 482446

URL: http://svn.apache.org/viewvc?view=rev&rev=482446
Log: (empty)

Added:
    incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/CustomPortletStyles.css
    incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/portletSkinDemo.jspx

Added: incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/CustomPortletStyles.css
URL: http://svn.apache.org/viewvc/incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/CustomPortletStyles.css?view=auto&rev=482446
==============================================================================
--- incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/CustomPortletStyles.css
(added)
+++ incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/CustomPortletStyles.css
Mon Dec  4 17:54:40 2006
@@ -0,0 +1,166 @@
+/** Table portlet styles */
+.portlet-table-header {
+  border-color:#999999;
+  border-style:solid;
+  border-width:1px 1px 0px;
+  font-family:Helvetica;
+  font-size:10pt;
+  font-weight:bold;
+  background-color: lightgray;
+  color:#000000;
+  padding:1px 2px}
+
+.portlet-table-body {
+  border-color:red;
+  white-space:nowrap;
+  border-style:solid;
+  border-width:1px;
+  font-family:Helvetica;
+  font-size:10pt;
+  text-align:left;
+  background-color:#DFE0FD;
+  color:#000000;
+  vertical-align:baseline}
+
+.portlet-table-alternate {
+  border-color:red;
+  white-space:nowrap;
+  border-style:solid;
+  border-width:1px;
+  font-family:Helvetica;
+  font-size:10pt;
+  text-align:left;
+  background-color:#FFFFC0;
+  color:#000000;
+  vertical-align:baseline}
+
+.portlet-table-footer {
+  border-color:#999999;
+  border-style:solid;
+  border-width:1px 1px 0px;
+  font-family:Helvetica;
+  font-size:10pt;
+  font-weight:bold;
+  text-align:left;
+  background-color:#FF40FF;
+  color:#000000;
+  padding:1px 2px}
+
+.portlet-table-text {
+  border-color:#999999;
+  border-style:solid;
+  border-width:1px 1px 0px;
+  font-family:Helvetica;
+  font-size:10pt;
+  background-color:#e9e8e8;
+  color:#000000;
+  padding:1px 2px}
+
+.portlet-form-label {
+  font-size: 10pt;
+  font-weight: bold;
+  font-family:Helvetica;
+  color:blue;
+  text-align:right;
+}
+
+.portlet-form-field-label {
+  font-family:Helvetica;
+  font-size: 10pt;
+  color:Navy;
+}
+
+.portlet-form-input-field {
+  font-family:Helvetica;
+  font-size: 10pt;
+  color:red;  
+}
+
+.portlet-msg-error {
+  font-family:Helvetica;
+  font-size: 18pt;
+  color:red;
+}
+
+.portlet-msg-alert {
+  font-family:Helvetica;
+  font-size: 10pt;
+  color:Fuchsia;
+}
+
+.portlet-msg-info {
+  font-family:Helvetica;
+  font-size: 10pt;
+  color:gray;
+}
+
+.portlet-font {
+  font-family:Helvetica;
+  font-size: 10pt;
+  color:blue;
+}
+
+.portlet-font-dim {
+  font-family:Helvetica;
+  font-size: 10pt;
+  color:lightgray;
+}
+
+.portlet-section-header {
+ font-family:Helvetica;
+ color:purple;
+ font-size:14pt;
+}
+.portlet-section-subheader {
+ font-family:Helvetica;
+ color:purple;
+ font-size: 12pt;
+}
+.portlet-menu {
+  font-family:Helvetica;
+  font-size: 10pt;
+  font-weight: normal; 
+}
+.portlet-menu-item-selected {
+ background-color:pink;
+}
+.portlet-menu-item {
+  background-color:#C0FFFF;
+}
+.portlet-menu-cascade {
+  font-family:Helvetica;
+  font-size: 10pt;
+  font-weight: normal; 
+  background-color:pink;
+  color:#ffffff;
+  min-height:4px;
+  padding:2px;
+}
+/* nothing */
+.portlet-menu-cascade-item  {
+}
+
+.portlet-menu-cascade-item-selected {
+  font-weight:bold;
+}
+/* color doesn't show up on links unless I do this */
+.portlet-menu-cascade-item-selected A {
+  color:purple;
+}
+
+.portlet-menu-cascade-separator
+{
+  color:#ffffff;
+}
+
+.portlet-menu-separator
+{
+  width:0px;
+}
+
+A
+{
+  font-family:Helvetica;
+  font-size: 10pt;
+}
+

Added: incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/portletSkinDemo.jspx
URL: http://svn.apache.org/viewvc/incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/portletSkinDemo.jspx?view=auto&rev=482446
==============================================================================
--- incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/portletSkinDemo.jspx
(added)
+++ incubator/adffaces/branches/jwaldman-portal/trinidad/trinidad-demo/src/main/webapp/demos/portletSkinDemo.jspx
Mon Dec  4 17:54:40 2006
@@ -0,0 +1,196 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
+<!--
+  Copyright 2006 The Apache Software Foundation.
+
+  Licensed 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.
+-->
+<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
+          xmlns:f="http://java.sun.com/jsf/core" 
+          xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
+  <jsp:directive.page contentType="text/html;charset=utf-8"/>
+  <f:view>
+
+    <trh:html>
+      <trh:head title="Portlet Skin Demo">
+        <link rel="stylesheet" charset="UTF-8" type="text/css"
+              href="/trinidad-demo-context-root/faces/demos/CustomPortletStyles.css"/>
+      </trh:head>
+      <trh:body>
+
+        <tr:form>
+          <tr:panelGroupLayout layout="vertical">
+            <f:facet name="separator">
+              <tr:separator/>
+            </f:facet>
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+
+            <tr:panelGroupLayout layout="vertical">
+              <tr:outputText styleClass="portlet-font"
+                             value="When trinidad-config.xml's output-mode is 'portlet',

+                             the page renders with portlet style classes. This way this page

+                             will look like a portlet when it is running within a portlet.
 
+                             We include a test portlet css file in this page. It defines
portlet 
+                             styles like portlet-table-header and portlet-font. Set the output-mode

+                             in trinidad-config.xml to 'portlet' when viewing this page.

+                             When in the oracle skin, we generate images for some components,

+                             like tabs. Therefore the portlet styles will not affect those
components. "/>
+              <tr:panelGroupLayout layout="horizontal">
+                <tr:navigationPane hint="tabs" shortDesc="Select tab">
+                  <tr:commandNavigationItem text="Home" action="guide.menuTabs"
+                                            shortDesc="class=portlet-menu-item-selected"
+                                            selected="true"/>
+                  <tr:commandNavigationItem text="Clothing" action="guide.menuTabs"
+                                            shortDesc="class=portlet-menu-item"/>
+                  <tr:commandNavigationItem text="Equipment" action="guide.menuTabs"
+                                            shortDesc="class=portlet-menu-item"/>
+                </tr:navigationPane>
+              </tr:panelGroupLayout>
+              <tr:navigationPane hint="bar">
+                <tr:commandNavigationItem text="MenuBar" action="guide.menuBar" selected="true"
+                                          shortDesc="class=portlet-menu-cascade-item-selected"/>
+                <tr:commandNavigationItem text="MenuBar" action="guide.menuBar"
+                                          shortDesc="portlet-menu-cascade-item"/>
+                <tr:commandNavigationItem text="MenuBar" action="guide.menuBar"/>
+              </tr:navigationPane>
+              <tr:panelGroupLayout layout="horizontal" styleClass="adfFacesDemoSearchPanelGroup">
+                <f:facet name="separator">
+                  <tr:spacer width="10px"/>
+                </f:facet>
+                <tr:panelGroupLayout>
+                  <tr:selectManyCheckbox label="Search" shortDesc="portlet-form-label/portlet-font">
+                    <tr:selectItem label="Cycling"/>
+                    <tr:selectItem label="Climbing"/>
+                  </tr:selectManyCheckbox>
+                  <tr:selectOneRadio label="Search" shortDesc="portlet-form-label/portlet-font">
+                    <tr:selectItem label="Cycling"/>
+                    <tr:selectItem label="Climbing"/>
+                  </tr:selectOneRadio>
+                  <tr:selectBooleanCheckbox label="quick search?"/>
+                  <tr:selectOneChoice label="Skin-family:" autoSubmit="false"
+                                      shortDesc="portlet-form-label/portlet-font"
+                                      value="#{sessionScope.skinFamily}">
+                    <tr:selectItem label="simple" value="simple"/>
+                    <tr:selectItem label="minimal" value="minimal"/>
+                    <tr:selectItem label="purple" value="purple"/>
+                  </tr:selectOneChoice>
+                  <tr:panelLabelAndMessage>
+                    <tr:commandButton text="Go"/>
+                  </tr:panelLabelAndMessage>
+                  <tr:inputText label="Name:"
+                                shortDesc="portlet-form-label/portlet-form-input-field"/>
+                  <tr:chooseDate id="idp1" shortDesc="Choose Date"/>
+
+                  <tr:panelGroupLayout layout="horizontal" inlineStyle="padding:5px;">
+                    <tr:panelBox background="medium" text="Browse" inlineStyle="width:160px">
+                      <tr:outputText value="Recent Purchases" styleClass="AFInstructionText"/>
+                      <tr:panelList>
+                        <tr:goLink text="flip flops" destination="http://www.oracle.com"/>
+                        <tr:goLink text="sandals" destination="http://www.oracle.com"/>
+                      </tr:panelList>
+                    </tr:panelBox>
+                    <tr:panelGroupLayout layout="vertical">
+                      <tr:panelHeader text="table uses portlet-table-* styles when in
portlet output-mode">
+                        <tr:table allDetailsEnabled="true" var="row" rowBandingInterval="2"
+                                  value="#{periodicTable.tableData}" rows="5"
+                                  summary="Element information">
+                          <tr:column>
+                            <f:facet name="header">
+                              <tr:outputText value="Name"/>
+                            </f:facet>
+                            <tr:outputText value="#{row.name}"/>
+                          </tr:column>
+                          <tr:column>
+                            <f:facet name="header">
+                              <tr:outputText value="Symbol"/>
+                            </f:facet>
+                            <tr:outputText value="#{row.symbol}"/>
+                          </tr:column>
+                          <tr:column>
+                            <f:facet name="header">
+                              <tr:outputText value="Action Column"/>
+                            </f:facet>
+                            <tr:commandButton text="Action" action="#{row.action}"/>
+                          </tr:column>
+                          <f:facet name="detailStamp">
+                            <tr:panelGroupLayout layout="vertical">
+                              <tr:outputText value="Element Name: #{row.name}"/>
+                              <tr:outputText value="Atomic Number: #{row.number}"/>
+                              <tr:outputText value="Symbol: #{row.symbol}"/>
+                              <tr:outputText value="Group: #{row.group}"/>
+                            </tr:panelGroupLayout>
+                          </f:facet>
+                        </tr:table>
+                      </tr:panelHeader>
+                      <tr:spacer height="5px"/>
+                      <tr:panelHeader text="showOneTab renders links"></tr:panelHeader>
+                      <tr:spacer height="15px"/>
+                      <tr:panelTabbed>
+                        <tr:showDetailItem text="Tab 1">
+                          <tr:panelHeader text="chooseDate uses portlet-table styles">
+                            <tr:panelFormLayout>
+                              <tr:chooseDate id="idp1" shortDesc="Choose Date"/>
+                            </tr:panelFormLayout>
+                          </tr:panelHeader>
+                        </tr:showDetailItem>
+                        <tr:showDetailItem text="Tab 2" disclosed="true">
+                          <tr:panelHeader text="ShowOneTab details">
+                            <tr:outputText value="Everything in Camping  is on sale! 
Enjoy huge savings on our most popular tents                     and sleeping bags. We even
have dried food and mattresses"
+                                           styleClass="AFInstructionText"/>
+                            <tr:panelGroupLayout layout="horizontal">
+                              <tr:goButton text="Sorry, Disabled" disabled="true"/>
+                              <tr:spacer width="10px"/>
+                              <tr:goButton text="Go!" disabled="false"/>
+                            </tr:panelGroupLayout>
+                            <tr:panelHeader text="subheader"></tr:panelHeader>
+                          </tr:panelHeader>
+                        </tr:showDetailItem>
+                        <tr:showDetailItem text="Tab 4" disabled="true"/>
+                        <tr:showDetailItem text="Tab 5">
+                          <tr:panelHeader text="Header 5">
+                            <tr:panelFormLayout>
+                              <tr:inputText readOnly="true" label="Label 5-1" value="Value"
+                                            styleClass="AFDataText"/>
+                              <tr:inputText 
+                                            label="Date/Time from last partial refresh"
+                                            value="#{date.currentDate}" styleClass="AFDataText">
+                                <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss
z"/>
+                              </tr:inputText>
+                              <!--
+                              <tr:inputDate label="InputDate"/>
+                              <tr:inputColor label="InputColor"/>
+                              -->
+                            </tr:panelFormLayout>
+                          </tr:panelHeader>
+                        </tr:showDetailItem>
+                      </tr:panelTabbed>
+                      <tr:showDetailHeader text="showDetailHeader">
+                        <tr:showDetailHeader text="showDetailHeader again"/>
+                      </tr:showDetailHeader>
+                    </tr:panelGroupLayout>
+                  </tr:panelGroupLayout>
+                </tr:panelGroupLayout>
+              </tr:panelGroupLayout>
+            </tr:panelGroupLayout>
+              
+          </tr:panelGroupLayout>
+               
+        </tr:form>
+
+        
+      </trh:body>
+    </trh:html>
+    
+  </f:view>
+</jsp:root>



Mime
View raw message