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>
