From 2c74374ce2b17acf50fce95d5092b63b0c08defe Mon Sep 17 00:00:00 2001
From: Kevin Roast <kevin.roast@alfresco.com>
Date: Tue, 18 Jul 2006 17:34:43 +0000
Subject: [PATCH] . Dashboards impl checkpoint   - configurable JSP layouts   -
 configurable "dashlets" (JSP snipets)   - page config (de)serialisation per
 user

git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@3345 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
---
 source/web/jsp/dashboards/container.jsp       | 123 ++++++++++++++++++
 .../dashboards/dashlets/getting-started.jsp   |  57 ++++++++
 .../web/jsp/dashboards/dashlets/tasklist.jsp  |  22 ++++
 source/web/jsp/dashboards/dummy.jsp           |  16 +++
 .../layouts/narrow-left-2column.jsp           |  78 +++++++++++
 .../layouts/narrow-right-2column.jsp          |  78 +++++++++++
 .../jsp/dashboards/layouts/single-column.jsp  |  56 ++++++++
 .../jsp/dashboards/layouts/three-column.jsp   | 104 +++++++++++++++
 8 files changed, 534 insertions(+)
 create mode 100644 source/web/jsp/dashboards/container.jsp
 create mode 100644 source/web/jsp/dashboards/dashlets/getting-started.jsp
 create mode 100644 source/web/jsp/dashboards/dashlets/tasklist.jsp
 create mode 100644 source/web/jsp/dashboards/dummy.jsp
 create mode 100644 source/web/jsp/dashboards/layouts/narrow-left-2column.jsp
 create mode 100644 source/web/jsp/dashboards/layouts/narrow-right-2column.jsp
 create mode 100644 source/web/jsp/dashboards/layouts/single-column.jsp
 create mode 100644 source/web/jsp/dashboards/layouts/three-column.jsp

diff --git a/source/web/jsp/dashboards/container.jsp b/source/web/jsp/dashboards/container.jsp
new file mode 100644
index 0000000000..63a8decb8b
--- /dev/null
+++ b/source/web/jsp/dashboards/container.jsp
@@ -0,0 +1,123 @@
+<%--
+  Copyright (C) 2005 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="/WEB-INF/alfresco.tld" prefix="a" %>
+<%@ taglib uri="/WEB-INF/repo.tld" prefix="r" %>
+
+<%@ page buffer="32kb" contentType="text/html;charset=UTF-8" %>
+<%@ page isELIgnored="false" %>
+<%@ page import="org.alfresco.web.app.Application" %>
+<%@ page import="org.alfresco.web.ui.common.PanelGenerator" %>
+
+<r:page titleId="title_my_alfresco">
+
+<f:view>
+   
+   <%-- load a bundle of properties with I18N strings --%>
+   <f:loadBundle basename="alfresco.messages.webclient" var="msg"/>
+
+   <h:form acceptCharset="UTF-8" id="dashboard">
+   
+   <%-- Main outer table --%>
+   <table cellspacing="0" cellpadding="2">
+      
+      <%-- Title bar --%>
+      <tr>
+         <td colspan="2">
+            <%@ include file="../parts/titlebar.jsp" %>
+         </td>
+      </tr>
+      
+      <%-- Main area --%>
+      <tr valign="top">
+         <%-- Shelf --%>
+         <td>
+            <%@ include file="../parts/shelf.jsp" %>
+         </td>
+         
+         <%-- Work Area --%>
+         <td width="100%">
+            <table cellspacing="0" cellpadding="0" width="100%">
+               <%-- Breadcrumb --%>
+               <%@ include file="../parts/breadcrumb.jsp" %>
+               
+               <%-- Status and Actions --%>
+               <tr>
+                  <td style="background-image: url(<%=request.getContextPath()%>/images/parts/statuspanel_4.gif)" width="4"></td>
+                  <td bgcolor="#EEEEEE">
+                  
+                     <%-- Status and Actions inner contents table --%>
+                     <%-- Generally this consists of an icon, textual summary and actions for the current object --%>
+                     <table cellspacing="4" cellpadding="0" width="100%">
+                        <tr>
+                           <td width="32">
+                              <img src="<%=request.getContextPath()%>/images/icons/dashboard_large.gif" width=32 height=32>
+                           </td>
+                           <td>
+                              <div class="mainTitle"><h:outputText value="#{msg.dashboard_info}" /></div>
+                              <div class="mainSubText"><h:outputText value="#{msg.dashboard_description}" /></div>
+                           </td>
+                        </tr>
+                     </table>
+                     
+                  </td>
+                  <td style="background-image: url(<%=request.getContextPath()%>/images/parts/statuspanel_6.gif)" width="4"></td>
+               </tr>
+               
+               <%-- separator row with gradient shadow --%>
+               <tr>
+                  <td><img src="<%=request.getContextPath()%>/images/parts/statuspanel_7.gif" width="4" height="9"></td>
+                  <td style="background-image: url(<%=request.getContextPath()%>/images/parts/statuspanel_8.gif)"></td>
+                  <td><img src="<%=request.getContextPath()%>/images/parts/statuspanel_9.gif" width="4" height="9"></td>
+               </tr>
+               
+               <%-- Details --%>
+               <tr valign=top>
+                  <td style="background-image: url(<%=request.getContextPath()%>/images/parts/whitepanel_4.gif)" width="4"></td>
+                  <td>
+                     <table cellspacing="0" cellpadding="2" border="0" width="100%">
+                        <tr>
+                           <td width="100%" valign="top">
+                              <f:subview id="dash-body">
+                     				<jsp:include page="<%=Application.getDashboardManager().getLayoutPage()%>" />
+                     			</f:subview>
+                           </td>
+                        </tr>
+                     </table>
+                  </td>
+                  <td style="background-image: url(<%=request.getContextPath()%>/images/parts/whitepanel_6.gif)" width="4"></td>
+               </tr>
+               
+               <%-- separator row with bottom panel graphics --%>
+               <tr>
+                  <td><img src="<%=request.getContextPath()%>/images/parts/whitepanel_7.gif" width="4" height="4"></td>
+                  <td width="100%" align="center" style="background-image: url(<%=request.getContextPath()%>/images/parts/whitepanel_8.gif)"></td>
+                  <td><img src="<%=request.getContextPath()%>/images/parts/whitepanel_9.gif" width="4" height="4"></td>
+               </tr>
+               
+            </table>
+          </td>
+       </tr>
+    </table>
+    
+    </h:form>
+    
+</f:view>
+
+</r:page>
\ No newline at end of file
diff --git a/source/web/jsp/dashboards/dashlets/getting-started.jsp b/source/web/jsp/dashboards/dashlets/getting-started.jsp
new file mode 100644
index 0000000000..f7dd0ffa14
--- /dev/null
+++ b/source/web/jsp/dashboards/dashlets/getting-started.jsp
@@ -0,0 +1,57 @@
+<%--
+  Copyright (C) 2006 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
+<%@ taglib uri="/WEB-INF/alfresco.tld" prefix="a" %>
+<%@ taglib uri="/WEB-INF/repo.tld" prefix="r" %>
+
+<%@ page import="org.alfresco.web.ui.common.PanelGenerator" %>
+
+<f:verbatim>
+<% PanelGenerator.generatePanelStart(out, request.getContextPath(), "yellow", "#ffffcc"); %>
+</f:verbatim>
+<h:panelGrid columns="3" cellpadding="2" cellspacing="2" border="0" width="100%" style="background-colour:##ffffcc">
+   <h:outputText style="font-size: 11px; font-weight:bold; color:#4272B4" value="Alfresco" />
+   <h:outputText style="font-size: 11px; font-weight:bold; color:#4272B4" value="Common Tasks" />
+   <h:outputText style="font-size: 11px; font-weight:bold; color:#4272B4" value="Working with Alfresco" />
+   
+   <h:panelGrid columns="2" cellpadding="2" cellspacing="2" border="0">
+      <h:graphicImage value="/images/logo/AlfrescoLogo32.gif" width="32" height="32" />
+      <h:panelGroup>
+         <h:outputText style="font-weight:bold" value="Feature Tour" />
+         <f:verbatim><br></f:verbatim>
+         <h:outputText value="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." />
+      </h:panelGroup>
+   </h:panelGrid>
+   
+   <h:panelGrid columns="2" cellpadding="2" cellspacing="2" border="0">
+      <h:graphicImage value="/images/icons/Details.gif" width="32" height="32" />
+      <h:panelGroup>
+         <h:outputText style="font-weight:bold" value="Browse items in your home space" />
+         <f:verbatim><br></f:verbatim>
+         <h:outputText value="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." />
+      </h:panelGroup>
+   </h:panelGrid>
+   
+   <h:panelGrid columns="1" cellpadding="2" cellspacing="2" border="0">
+      <h:outputText style="font-weight:bold" value="Inviting users to a space" />
+      <h:outputText value="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit." />
+   </h:panelGrid>
+</h:panelGrid>
+<f:verbatim>
+<% PanelGenerator.generatePanelEnd(out, request.getContextPath(), "yellow"); %>
+</f:verbatim>
diff --git a/source/web/jsp/dashboards/dashlets/tasklist.jsp b/source/web/jsp/dashboards/dashlets/tasklist.jsp
new file mode 100644
index 0000000000..74ac3923e7
--- /dev/null
+++ b/source/web/jsp/dashboards/dashlets/tasklist.jsp
@@ -0,0 +1,22 @@
+<%--
+  Copyright (C) 2006 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
+<%@ taglib uri="/WEB-INF/alfresco.tld" prefix="a" %>
+<%@ taglib uri="/WEB-INF/repo.tld" prefix="r" %>
+
+<h:outputText value="---TASKLIST DASHLET---" />
diff --git a/source/web/jsp/dashboards/dummy.jsp b/source/web/jsp/dashboards/dummy.jsp
new file mode 100644
index 0000000000..2893239647
--- /dev/null
+++ b/source/web/jsp/dashboards/dummy.jsp
@@ -0,0 +1,16 @@
+<%--
+  Copyright (C) 2005 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
\ No newline at end of file
diff --git a/source/web/jsp/dashboards/layouts/narrow-left-2column.jsp b/source/web/jsp/dashboards/layouts/narrow-left-2column.jsp
new file mode 100644
index 0000000000..b542179227
--- /dev/null
+++ b/source/web/jsp/dashboards/layouts/narrow-left-2column.jsp
@@ -0,0 +1,78 @@
+<%--
+  Copyright (C) 2006 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
+<%@ taglib uri="/WEB-INF/alfresco.tld" prefix="a" %>
+<%@ taglib uri="/WEB-INF/repo.tld" prefix="r" %>
+
+<%@ page import="org.alfresco.web.app.Application" %>
+
+<h:panelGrid columns="2" cellpadding="2" cellspacing="2" width="100%" columnClasses="tableNarrowWidth,tableWideWidth">
+   <% Application.getDashboardManager().initDashboard(); %>
+   <h:panelGroup>
+      <a:panel label="#{DashboardManager.dashletTitle[0]}" id="dashlet-0" progressive="true" rendered="#{DashboardManager.dashletAvailable[0]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-1-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(0)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[1]}" id="dashlet-1" progressive="true" rendered="#{DashboardManager.dashletAvailable[1]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-2-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(1)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[2]}" id="dashlet-2" progressive="true" rendered="#{DashboardManager.dashletAvailable[2]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-3-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(2)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[3]}" id="dashlet-3" progressive="true" rendered="#{DashboardManager.dashletAvailable[3]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-4-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(3)%>" />
+   		</f:subview>
+      </a:panel>
+   </h:panelGroup>
+   <h:panelGroup>
+      <a:panel label="#{DashboardManager.dashletTitle[4]}" id="dashlet-4" progressive="true" rendered="#{DashboardManager.dashletAvailable[4]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-5-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(4)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[5]}" id="dashlet-5" progressive="true" rendered="#{DashboardManager.dashletAvailable[5]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-6-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(5)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[6]}" id="dashlet-6" progressive="true" rendered="#{DashboardManager.dashletAvailable[6]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-7-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(6)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[7]}" id="dashlet-7" progressive="true" rendered="#{DashboardManager.dashletAvailable[7]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-8-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(7)%>" />
+   		</f:subview>
+      </a:panel>
+   </h:panelGroup>
+</h:panelGrid>
diff --git a/source/web/jsp/dashboards/layouts/narrow-right-2column.jsp b/source/web/jsp/dashboards/layouts/narrow-right-2column.jsp
new file mode 100644
index 0000000000..9ba8d8842a
--- /dev/null
+++ b/source/web/jsp/dashboards/layouts/narrow-right-2column.jsp
@@ -0,0 +1,78 @@
+<%--
+  Copyright (C) 2006 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
+<%@ taglib uri="/WEB-INF/alfresco.tld" prefix="a" %>
+<%@ taglib uri="/WEB-INF/repo.tld" prefix="r" %>
+
+<%@ page import="org.alfresco.web.app.Application" %>
+
+<h:panelGrid columns="2" cellpadding="2" cellspacing="2" width="100%" columnClasses="tableWideWidth,tableNarrowWidth" style="vertical-align:middle">
+   <% Application.getDashboardManager().initDashboard(); %>
+   <h:panelGroup>
+      <a:panel label="#{DashboardManager.dashletTitle[0]}" id="dashlet-0" progressive="true" rendered="#{DashboardManager.dashletAvailable[0]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-1-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(0)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[1]}" id="dashlet-1" progressive="true" rendered="#{DashboardManager.dashletAvailable[1]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-2-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(1)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[2]}" id="dashlet-2" progressive="true" rendered="#{DashboardManager.dashletAvailable[2]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-3-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(2)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[3]}" id="dashlet-3" progressive="true" rendered="#{DashboardManager.dashletAvailable[3]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-4-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(3)%>" />
+   		</f:subview>
+      </a:panel>
+   </h:panelGroup>
+   <h:panelGroup>
+      <a:panel label="#{DashboardManager.dashletTitle[4]}" id="dashlet-4" progressive="true" rendered="#{DashboardManager.dashletAvailable[4]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-5-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(4)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[5]}" id="dashlet-5" progressive="true" rendered="#{DashboardManager.dashletAvailable[5]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-6-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(5)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[6]}" id="dashlet-6" progressive="true" rendered="#{DashboardManager.dashletAvailable[6]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-7-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(6)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[7]}" id="dashlet-7" progressive="true" rendered="#{DashboardManager.dashletAvailable[7]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-8-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(7)%>" />
+   		</f:subview>
+      </a:panel>
+   </h:panelGroup>
+</h:panelGrid>
diff --git a/source/web/jsp/dashboards/layouts/single-column.jsp b/source/web/jsp/dashboards/layouts/single-column.jsp
new file mode 100644
index 0000000000..61456ebdd0
--- /dev/null
+++ b/source/web/jsp/dashboards/layouts/single-column.jsp
@@ -0,0 +1,56 @@
+<%--
+  Copyright (C) 2006 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
+<%@ taglib uri="/WEB-INF/alfresco.tld" prefix="a" %>
+<%@ taglib uri="/WEB-INF/repo.tld" prefix="r" %>
+
+<%@ page import="org.alfresco.web.app.Application" %>
+
+<% Application.getDashboardManager().initDashboard(); %>
+<h:panelGrid columns="1" cellpadding="2" cellspacing="2" width="100%" style="vertical-align:middle">
+   <a:panel label="#{DashboardManager.dashletTitle[0]}" id="dashlet-1" progressive="true" rendered="#{DashboardManager.dashletAvailable[0]}"
+            border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+      <f:subview id="dashlet-1-view">
+			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(0)%>" />
+		</f:subview>
+   </a:panel>
+   <a:panel label="#{DashboardManager.dashletTitle[1]}" id="dashlet-2" progressive="true" rendered="#{DashboardManager.dashletAvailable[1]}"
+            border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+      <f:subview id="dashlet-2-view">
+			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(1)%>" />
+		</f:subview>
+   </a:panel>
+   <a:panel label="#{DashboardManager.dashletTitle[2]}" id="dashlet-3" progressive="true" rendered="#{DashboardManager.dashletAvailable[2]}"
+            border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+      <f:subview id="dashlet-3-view">
+			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(2)%>" />
+		</f:subview>
+   </a:panel>
+   <a:panel label="#{DashboardManager.dashletTitle[3]}" id="dashlet-4" progressive="true" rendered="#{DashboardManager.dashletAvailable[3]}"
+            border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+      <f:subview id="dashlet-4-view">
+			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(3)%>" />
+		</f:subview>
+   </a:panel>
+   <a:panel label="#{DashboardManager.dashletTitle[4]}" id="dashlet-5" progressive="true" rendered="#{DashboardManager.dashletAvailable[4]}"
+            border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+      <f:subview id="dashlet-5-view">
+			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(4)%>" />
+		</f:subview>
+   </a:panel>
+</h:panelGrid>
diff --git a/source/web/jsp/dashboards/layouts/three-column.jsp b/source/web/jsp/dashboards/layouts/three-column.jsp
new file mode 100644
index 0000000000..71fc017b9a
--- /dev/null
+++ b/source/web/jsp/dashboards/layouts/three-column.jsp
@@ -0,0 +1,104 @@
+<%--
+  Copyright (C) 2006 Alfresco, Inc.
+ 
+  Licensed under the Mozilla Public License version 1.1 
+  with a permitted attribution clause. You may obtain a
+  copy of the License at
+ 
+    http://www.alfresco.org/legal/license.txt
+ 
+  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.
+--%>
+<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
+<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
+<%@ taglib uri="/WEB-INF/alfresco.tld" prefix="a" %>
+<%@ taglib uri="/WEB-INF/repo.tld" prefix="r" %>
+
+<%@ page import="org.alfresco.web.app.Application" %>
+
+<%=Application.getDashboardManager()...%>
+<h:panelGrid columns="3" cellpadding="2" cellspacing="2" width="100%" columnClasses="tableThirdWidth">
+   <h:panelGroup>
+      <a:panel label="#{DashboardManager.dashletTitle[0]}" id="dashlet-0" progressive="true" rendered="#{DashboardManager.dashletAvailable[0]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-1-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(0)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[1]}" id="dashlet-1" progressive="true" rendered="#{DashboardManager.dashletAvailable[1]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-2-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(1)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[2]}" id="dashlet-2" progressive="true" rendered="#{DashboardManager.dashletAvailable[2]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-3-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(2)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[3]}" id="dashlet-3" progressive="true" rendered="#{DashboardManager.dashletAvailable[3]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-4-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(3)%>" />
+   		</f:subview>
+      </a:panel>
+   </h:panelGroup>
+   <h:panelGroup>
+      <a:panel label="#{DashboardManager.dashletTitle[4]}" id="dashlet-4" progressive="true" rendered="#{DashboardManager.dashletAvailable[4]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-1-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(4)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[5]}" id="dashlet-5" progressive="true" rendered="#{DashboardManager.dashletAvailable[5]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-2-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(5)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[6]}" id="dashlet-6" progressive="true" rendered="#{DashboardManager.dashletAvailable[6]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-3-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(6)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[7]}" id="dashlet-7" progressive="true" rendered="#{DashboardManager.dashletAvailable[7]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-4-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(7)%>" />
+   		</f:subview>
+      </a:panel>
+   </h:panelGroup>
+   <h:panelGroup>
+      <a:panel label="#{DashboardManager.dashletTitle[8]}" id="dashlet-8" progressive="true" rendered="#{DashboardManager.dashletAvailable[8]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-1-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(8)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[9]}" id="dashlet-9" progressive="true" rendered="#{DashboardManager.dashletAvailable[9]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-2-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(9)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[10]}" id="dashlet-10" progressive="true" rendered="#{DashboardManager.dashletAvailable[10]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-3-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(10)%>" />
+   		</f:subview>
+      </a:panel>
+      <a:panel label="#{DashboardManager.dashletTitle[11]}" id="dashlet-11" progressive="true" rendered="#{DashboardManager.dashletAvailable[11]}"
+               border="white" bgcolor="white" titleBorder="blue" titleBgcolor="#D3E6FE">
+         <f:subview id="dashlet-4-view">
+   			<jsp:include page="<%=Application.getDashboardManager().getDashletPage(11)%>" />
+   		</f:subview>
+      </a:panel>
+   </h:panelGroup>
+</h:panelGrid>