Merged in from DEV trunk...

KTS-2153 "CLONE(SUP-299) -Super sluggish web interface after upgrade to 3.4a" In Progress. Reverted all dashlets and portlets to old css rules. Committed By: Jalaloedien Abrahams Reviewed By: Kevin Fourie KTS-2153 "CLONE(SUP-299) -Super sluggish web interface after upgrade to 3.4a" In Progress. Reverted all dashlets and portlets to old css rules. Commited rest of files. Committed By: Jalaloedien Abrahams Reviewed By: Kevin Fourie KTS-2153 "CLONE(SUP-299) -Super sluggish web interface after upgrade to 3.4a" In Progress. Fixed dashlet overflows. Committed By: Jalaloedien Abrahams Reviewed By: Kevin Fourie KTS-2136 "UI issue with Workflow portlet in document view" Fixed. Updated CSS rules around viewlets. Committed By: Jalaloedien Abrahams Reviewed By: Conrad Vermeulen KTS-2169 "Bulk Export causes Warnings" Fixed. return value from pexec() was erroneous Reviewed By: Kevin Fourie git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/STABLE/trunk@6893 c91229c3-7414-0410-bfa2-8a42b809f60b

Merged in from DEV trunk...
KTS-2153 "CLONE(SUP-299) -Super sluggish web interface after upgrade to 3.4a" In Progress. Reverted all dashlets and portlets to old css rules. Committed By: Jalaloedien Abrahams Reviewed By: Kevin Fourie KTS-2153 "CLONE(SUP-299) -Super sluggish web interface after upgrade to 3.4a" In Progress. Reverted all dashlets and portlets to old css rules. Commited rest of files. Committed By: Jalaloedien Abrahams Reviewed By: Kevin Fourie KTS-2153 "CLONE(SUP-299) -Super sluggish web interface after upgrade to 3.4a" In Progress. Fixed dashlet overflows. Committed By: Jalaloedien Abrahams Reviewed By: Kevin Fourie KTS-2136 "UI issue with Workflow portlet in document view" Fixed. Updated CSS rules around viewlets. Committed By: Jalaloedien Abrahams Reviewed By: Conrad Vermeulen KTS-2169 "Bulk Export causes Warnings" Fixed. return value from pexec() was erroneous Reviewed By: Kevin Fourie git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/STABLE/trunk@6893 c91229c3-7414-0410-bfa2-8a42b809f60b
kevin_fourie
1 parent daab6041
Showing 81 changed files with 883 additions and 194 deletions
plugins/ktstandard/KTBulkExportPlugin.php
resources/css/kt-framing.css
resources/graphics/dashlet_bottomleft.gif
resources/graphics/dashlet_bottomleft.png
resources/graphics/dashlet_bottomrepeat.gif
resources/graphics/dashlet_bottomrepeat.png
resources/graphics/dashlet_bottomright.gif
resources/graphics/dashlet_bottomright.png
resources/graphics/dashlet_leftrepeat.gif
resources/graphics/dashlet_leftrepeat.png
resources/graphics/dashlet_rightrepeat.gif
resources/graphics/dashlet_rightrepeat.png
resources/graphics/dashlet_topleft.gif
resources/graphics/dashlet_topleft.png
resources/graphics/dashlet_toprepeat.gif
resources/graphics/dashlet_toprepeat.png
resources/graphics/dashlet_topright.gif
resources/graphics/dashlet_topright.png
resources/graphics/error_bottomleft.gif
resources/graphics/error_bottomleft.png
@@ -6,7 +6,7 @@
  * License Version 1.1.2 ("License"); You may not use this file except in
  * compliance with the License. You may obtain a copy of the License at
  * http://www.knowledgetree.com/KPL
- * 
+ *
  * Software distributed under the License is distributed on an "AS IS"
  * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied.
  * See the License for the specific language governing rights and
@@ -17,9 +17,9 @@
  *    (ii) the KnowledgeTree copyright notice
  * in the same form as they appear in the distribution.  See the License for
  * requirements.
- * 
+ *
  * The Original Code is: KnowledgeTree Open Source
- * 
+ *
  * The Initial Developer of the Original Code is The Jam Warehouse Software
  * (Pty) Ltd, trading as KnowledgeTree.
  * Portions created by The Jam Warehouse Software (Pty) Ltd are Copyright
@@ -42,7 +42,7 @@ class KTBulkExportPlugin extends KTPlugin {
         $res = parent::KTPlugin($sFilename);
         $this->sFriendlyName = _kt('Bulk Export Plugin');
         return $res;
-    }        
+    }
  
     function setup() {
         $this->registerAction('folderaction', 'KTBulkExportAction', 'ktstandard.bulkexport.action');
@@ -105,7 +105,7 @@ class KTBulkExportAction extends KTFolderAction {
         $aQuery = $this->buildQuery();
         $this->oValidator->notError($aQuery);
         $aDocumentIds = DBUtil::getResultArrayKey($aQuery, 'id');
-        
+
         $this->startTransaction();
  
         $oKTConfig =& KTConfig::getSingleton();
@@ -138,17 +138,17 @@ class KTBulkExportAction extends KTFolderAction {
         $aReplaceValues = array_values($aReplace);
         foreach ($aDocumentIds as $iId) {
             $oDocument = Document::get($iId);
-            
+
             if ($bNoisy) {
                 $oDocumentTransaction = & new DocumentTransaction($oDocument, "Document part of bulk export", 'ktstandard.transactions.bulk_export', array());
-                $oDocumentTransaction->create();     
+                $oDocumentTransaction->create();
             }
-            
+
             $sParentFolder = sprintf('%s/%s', $sTmpPath, $oDocument->getFullPath());
             $newDir = $this->sTmpPath;
             $sFullPath = $this->_convertEncoding($oDocument->getFullPath(), true);
-            foreach (split('/', $sFullPath) as $dirPart) { 
-                $newDir = sprintf("%s/%s", $newDir, $dirPart); 
+            foreach (split('/', $sFullPath) as $dirPart) {
+                $newDir = sprintf("%s/%s", $newDir, $dirPart);
                 if (!file_exists($newDir)) {
                     mkdir($newDir, 0700);
                 }
@@ -181,9 +181,10 @@ class KTBulkExportAction extends KTFolderAction {
         );
         $sOldPath = getcwd();
         chdir($this->sTmpPath);
+        // Note that the popen means that pexec will return a file descriptor
         $aOptions = array('popen' => 'r');
-        $aRet = KTUtil::pexec($aCmd, $aOptions);
-        $fh = $aRet['ret'];
+        $fh = KTUtil::pexec($aCmd, $aOptions);
+
         $last_beat = time();
         while(!feof($fh)) {
             if ($i % 1000 == 0) {
@@ -221,8 +222,8 @@ class KTBulkExportAction extends KTFolderAction {
                 callLater(1, kt_bulkexport_redirect);
  
                 </script>', $url);
-                
-        $this->commitTransaction(); 
+
+        $this->commitTransaction();
         exit(0);
     }
  
@@ -277,13 +278,13 @@ class KTBulkExportAction extends KTFolderAction {
         $aData = KTUtil::arrayGet($_SESSION['bulkexport'], $sCode);
         $this->oValidator->notEmpty($aData);
         $sZipFile = $aData['file'];
-        
+
         if (!file_exists($sZipFile)) {
             $this->addErrorMessage(_kt('The ZIP can only be downloaded once - if you cancel the download, you will need to reload the Bulk Export page.'));
             redirect(generateControllerUrl("browse", "fBrowseType=folder&fFolderId=" . $this->oFolder->getId()));
             exit(0);
-        }        
-        
+        }
+
         header("Content-Type: application/zip");
         header("Content-Length: ". filesize($sZipFile));
         header("Content-Disposition: attachment; filename=\"" . $this->oFolder->getName() . ".zip" . "\"");
@@ -239,29 +239,193 @@ a.main_nav_item {
 .noportlets #portletbar { display: none; }
  
 #portletbar .portlet {
+    position: relative;
     margin: 0 0 1.5em 0;
-    background: #ffffff url(../../resources/graphics/portlet_bg_collapsed.png) top left repeat-x;
-    border: 1px solid #B7B7B7;
+    background: url(../../resources/graphics/portlet_corner_topleft_collapsed.png) top left no-repeat;
     padding: 0 0 0 0;
+    border: 0;
     z-index: 2;
 }
  
+#portletbar .portlet .portletTopRepeat {
+    position: absolute;
+    background: url(../../resources/graphics/portlet_bg_collapsed.png) top left repeat-x;
+    top: 0;
+    left: 30px;
+    height: 30px;
+    width: 80%;
+    z-index: -1;  
+    border:0;
+}
+
+#portletbar .portlet .portletTopRight {
+    position: absolute;
+    background: url(../../resources/graphics/portlet_corner_topright_collapsed.png) top right no-repeat;
+    top: 0;
+    right: 0px;
+    height: 30px;
+    width: 60%;
+    z-index: -1; 
+    border: 0;
+}
+
 #portletbar .portlet.expanded {
+    position: relative;
     margin: 0 0 1.5em 0;       
     padding: 0 0 0 0;
-    border: 1px solid #B7B7B7;
-    background: #ffffff url(../../resources/graphics/portlet_bg.png) top left repeat-x;
+    background: url(../../resources/graphics/portlet_corner_topleft.png) top left no-repeat;
+    border: 0;
     z-index: 2;
 }
  
+#portletbar .portlet.expanded .portletTopRepeat {
+    position: absolute;
+    background: url(../../resources/graphics/portlet_bg.png) top left repeat-x;
+    top: 0px;
+    left: 30px;
+    height: 28px;
+    width: 80%;
+    z-index: -1;  
+    border: 0;
+}
+
+#portletbar .portlet.expanded .portletTopRight {
+    position: absolute;
+    background: url(../../resources/graphics/portlet_corner_topright.png) top right no-repeat;
+    top: 0;
+    right: 0px;
+    height: 28px;
+    width: 60%;
+    z-index: -1; 
+    border: 0;
+}
+
 #portletbar .portlet .portletbody {
+    background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
     padding: 0 0 1em 0;
     margin-right: 1px;
     background-color: white;
+    border-bottom: 1px solid #ccc;
+    border-left: 1px solid #ccc;
     width: 99%;
     height: 100%;                             
 }
  
+/* Attempt to contain side portlet containers in MORE containers*/
+/*
+#portletbar .portlet.expanded .portletBodyDoubleTop {
+    position: relative;
+    width: 100%;
+    height: 1px;
+    top:0px;
+    right:0px;
+    border: 1px solid red;
+}
+
+#portletbar .portlet.expanded .portletBodyDoubleMiddle {
+    position: relative;
+    width: 100%;
+    height: 1px;
+    top:0px;
+    right:0px;
+    border: 1px solid blue;
+}
+
+#portletbar .portlet.expanded .portletBodyDoubleBottom {
+    position: relative;
+    width: 100%;
+    height: 1px;
+    bottom:0px;
+    right:0px;
+    border: 1px solid red;
+}*/
+
+/* Bottom Portlet borders */
+/*
+#portletbar .portlet .portletbodyBottomLeft {
+    position: absolute;                                           
+    bottom: 0px;
+    left: 0px;
+    width: 10px;
+    height: 10px;
+    background: url(../../resources/graphics/portlet_corner_bottomleft.png) bottom left no-repeat;
+}
+
+#portletbar .portlet .portletbodyBottomRight {
+    position: absolute;                                                
+    bottom: 0px;
+    right: 0px;
+    width: 10px;
+    height: 10px;
+    background: url(../../resources/graphics/portlet_corner_bottomright.png) bottom right no-repeat;
+}
+
+#portletbar .portlet .portletbodyBottom {
+    position: absolute;                                                
+    bottom: 0px;
+    left: 5px;
+    height: 3px;
+    width: 95%;
+    background: url(../../resources/graphics/portlet_borderbottom.png) bottom left repeat-x;
+}*/
+
+/* Right-hand side portlet borders */
+/*
+#portletbar .portlet .portletbodyRightTop {
+    position: absolute;                                                
+    background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
+    top: 0px;
+    right: 0px;
+    width: 5px;
+    height: 76px;
+}
+
+#portletbar .portlet .portletbodyRightBottom {
+    position: absolute;                                                
+    background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
+    bottom: 0px;
+    right: 0px;
+    width: 5px;
+    height: 80px;
+}
+
+
+#portletbar .portlet .portletbodyRightMiddleTop {
+    position: absolute;                                                
+    background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
+    top: 50%;
+    right: 0px;
+    width: 5px;
+    height: 36px;
+}
+
+#portletbar .portlet .portletbodyRightMiddleBottom {
+    position: absolute;                                                
+    background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
+    bottom: 50%;
+    right: 0px;
+    width: 5px;
+    height: 63px;
+}
+
+#portletbar .portlet .portletbodyRightQuartTop {
+    position: absolute;                                                
+    background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
+    top: 15%;
+    right: 0px;
+    width: 5px;
+    height: 60px;
+}
+
+#portletbar .portlet .portletbodyRightQuartBottom {
+    position: absolute;                                                
+    background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
+    bottom: 25%;
+    right: 0px;
+    width: 5px;
+    height: 68px;
+}*/
+
 #portletbar .portlet a {
 	color: #344a6a;
     text-decoration: none;
@@ -278,9 +442,8 @@ a.main_nav_item {
  
 #portletbar .portlet h4
 {
-	margin: 0;
-    padding-top: 0;
-    padding-bottom: 0.4em;
+    padding-top: 0.35em;
+    padding-bottom: 0.7em;
     padding-left: 30px;
     background: url(../graphics/plus.gif) 10px 45% no-repeat;
     text-align: left;
@@ -294,8 +457,8 @@ a.main_nav_item {
     border-width: 0 0 1px 0;
     border-style: solid;
     border-color: #eee;
-    padding-top: 0;
-    padding-bottom: 0.4em;
+    padding-top: 0.35em;
+    padding-bottom: 0.50em;
     padding-left: 30px;
     text-align: left;
     background: url(../graphics/minus.gif) 10px 45% no-repeat;
@@ -311,6 +474,57 @@ a.main_nav_item {
     display: block;
 }
  
+#portletbar .portlet .portletbodyRightTop {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightBottom {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightMiddleTop {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightMiddleBottom {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightQuartTop {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightQuartBottom {
+    display: none;
+}
+
+
+#portletbar .portlet.expanded .portletbodyRightTop {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightBottom {
+    display: block;
+}
+
+
+#portletbar .portlet.expanded .portletbodyRightMiddleTop {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightMiddleBottom {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightQuartTop {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightQuartBottom {
+    display: block;
+}
+
+
 #portletbar .portlet .actionlist
 {
     list-style: none;
@@ -538,7 +752,6 @@ a.main_nav_item {
 {
     font-family: "Lucida Grande", "Bitstream Vera Sans", Tahoma, sans-serif;
     padding-bottom: 0.25em;
-    margin-top: 0;
     border-width: 0 0 0 0;
     border-style: solid;
     border-color: #eee;
@@ -806,85 +1019,37 @@ a.main_nav_item {
  
 /* block level. */
 .ktError {
-	background: #ffdd80 url(../../resources/graphics/error_toprepeat.png) top left repeat-x;
-    border: 1px solid #FFC21E;
-    margin: 20px auto;
+    padding: 0.1em 1em;
+    margin: 1em 0 0 0.5em;
 }
  
 .ktError p {
-    margin-left: 20px;
-    padding-left: 25px;
-    background: #ffdd80 url(../../thirdparty/icon-theme/16x16/status/dialog-warning.png) center left no-repeat;
-}
-
-.ktError span {
-    margin-left: 20px;
-    padding-left: 25px;
-    background: #ffdd80 url(../../thirdparty/icon-theme/16x16/status/dialog-warning.png) center left no-repeat;
-}
-
-.ktErrorMessage {
-	background-color: #ffdd80;
-    border: 1px solid #FFC21E;
-    margin: 20px auto;
-}
-
-.ktErrorMessage p {
-    margin-left: 20px;
-    padding-left: 25px;
-    background: #ffdd80 url(../../thirdparty/icon-theme/16x16/status/dialog-warning.png) center left no-repeat;
-}
-
-.ktErrorMessage span {
-    margin-left: 20px;
     padding-left: 25px;
     background: #ffdd80 url(../../thirdparty/icon-theme/16x16/status/dialog-warning.png) center left no-repeat;
+    margin-top: 20px;
 }
  
 /* block level. */
 .ktInfo {
-    background: #DEDEDE url(../../resources/graphics/info_toprepeat.png) top left repeat-x;
-    border: 1px solid #C5C5C5;
-    margin: 20px auto;
-}
-
-.ktInfoMessage{
-    background-color: #DEDEDE;
-    border: 1px solid #C5C5C5;
-    margin: 20px auto;
+    padding: 0.1em 1em;
+    margin: 1em 0 0 0.5em;
 }
  
 .ktInfo p {
-	margin-left: 20px;
-    padding-left: 25px;
-    background: #DEDEDE url(../../thirdparty/icon-theme/16x16/status/dialog-information.png) center left no-repeat;
-}
-
-.ktInfoMessage p {
-	margin-left: 20px;
-    padding-left: 25px;
-    background: #DEDEDE url(../../thirdparty/icon-theme/16x16/status/dialog-information.png) center left no-repeat;
-}
-
-.ktInfo span {
-	margin-left: 20px;
     padding-left: 25px;
     background: #DEDEDE url(../../thirdparty/icon-theme/16x16/status/dialog-information.png) center left no-repeat;
+    margin-top: 20px;
 }
  
-.ktInfoMessage span {
-	margin-left: 20px;
-    padding-left: 25px;
-    background: #DEDEDE url(../../thirdparty/icon-theme/16x16/status/dialog-information.png) center left no-repeat;
-}
  
 .ktBlock {
-	background: #ffffff url(../../resources/graphics/dashlet_toprepeat.png) top left repeat-x;
-    border: 1px solid #C5C5C5;
-    margin: 20px auto;
+	position: relative;
+    padding: 0.1em 1em;
+    margin: 1em 0 0 0.5em;
 }
  
-.ktBlock, .ktInfo, .ktError, .ktInfoMessage, .ktErrorMessage{
+
+.ktInfo, .ktError {
 	position: relative;
 }
  
@@ -1030,8 +1195,6 @@ The text will be hidden for screen view.  The generic fahrner-ish approach comes
     padding-bottom: 2em;
     height: 100%;
     min-height: 5em;
-    padding-left: 20px;
-    padding-top: 25px;
 /*     background-color: #dfd; */
 }
  
@@ -1043,10 +1206,135 @@ The text will be hidden for screen view.  The generic fahrner-ish approach comes
     padding-bottom: 2em;
     height: 100%;
     min-height: 5em;
-    padding-top: 25px;
 /*     background-color: #ddf; */
 }
  
+.dashboard_block_topleft {
+    position: absolute;
+    width: 35px;
+    height: 36px;
+    top: 0px;
+    left: 0px;
+    background: url(../graphics/dashlet_topleft.png) top left no-repeat;
+    z-index:-1;
+}
+
+.dashboard_block_toprepeat {
+    position: absolute;
+    width: 90%;
+    height: 36px;
+    top: 0px;
+    left: 30px;
+    background: white url(../graphics/dashlet_toprepeat.png) top left repeat-x;
+    z-index:-1;
+}
+
+.dashboard_block_topright {
+    position: absolute;
+    width: 35px;
+    height: 36px;
+    top: 0px;
+    right: 0px;
+    background: url(../graphics/dashlet_topright.png) top right no-repeat;
+    z-index:-1;
+}
+
+.dashboard_block_leftrepeat_top {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    top: 5px;
+    left: 0px;
+    background: white url(../graphics/dashlet_leftrepeat.png) top left repeat-y;
+    z-index:-1;
+}
+
+.dashboard_block_leftrepeat_bottom {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    bottom: 10px;
+    left: 0px;
+    background: white url(../graphics/dashlet_leftrepeat.png) top left repeat-y;
+    z-index:-1;
+}
+
+.dashboard_block_bottomleft {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    bottom: 0px;
+    left: 0px;
+    background: url(../graphics/dashlet_bottomleft.png) bottom left no-repeat;
+    z-index:-1;
+}
+
+.dashboard_block_bottomrepeat {
+    position: absolute;
+    width: 92%;
+    height: 13px;
+    bottom: 0px;
+    left: 30px;
+    background: white url(../graphics/dashlet_bottomrepeat.png) bottom left repeat-x;
+    z-index:-1;
+}
+
+.dashboard_block_bottomright {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    bottom: 0px;
+    right: 0px;
+    background: url(../graphics/dashlet_bottomright.png) bottom right no-repeat;
+    z-index:-1;
+}
+
+.dashboard_block_rightrepeat_top {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    top: 5px;
+    right: 0px;
+    background: white url(../graphics/dashlet_rightrepeat.png) top right repeat-y;
+    z-index:-1;
+    overflow:hidden;
+}
+
+.dashboard_block_rightrepeat_bottom {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    bottom: 10px;
+    right: 0px;
+    background: white url(../graphics/dashlet_rightrepeat.png) bottom right repeat-y;
+    z-index:-1;
+    overflow:hidden;
+}
+
+.dashboard_block_rightrepeat_top {
+    min-height: 70px;
+}
+
+.dashboard_block.rolled-up .dashboard_block_rightrepeat_top
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .dashboard_block_rightrepeat_bottom
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .dashboard_block_leftrepeat_top
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .dashboard_block_leftrepeat_bottom
+{ 
+    display: none;
+}
+
 .dashboard_block {
     width: 100%;
 }
@@ -1055,6 +1343,361 @@ The text will be hidden for screen view.  The generic fahrner-ish approach comes
 	border:none;
 }
  
+.error_dashlet_topleft {
+    position: absolute;
+    width: 35px;
+    height: 36px;
+    top: 0px;
+    left: 0px;
+    background: url(../graphics/error_topleft.png) top left no-repeat;
+    z-index:-1;
+}
+
+.error_dashlet_topleft_small {
+    position: absolute;
+    width: 35px;
+    height: 22px;
+    top: 0px;
+    left: 0px;
+    background: url(../graphics/error_topleft_small.png) top left no-repeat;
+    z-index:-1;
+}
+
+.error_dashlet_toprepeat {
+    position: absolute;
+    width: 95%;
+    height: 55px;
+    top: 0px;
+    left: 13px;
+    background: #ffdd80 url(../graphics/error_toprepeat.png) top left repeat-x;
+    z-index:-1;
+}
+
+.error_dashlet_toprepeat_small {
+    position: absolute;
+    width: 97%;
+    height: 21px;
+    top: 0px;
+    left: 13px;
+    background: #ffdd80 url(../graphics/error_toprepeat.png) bottom left repeat-x;
+    z-index:-1;
+    border-top: 1px solid #FFC21E;
+}
+
+.error_dashlet_topright {
+    position: absolute;
+    width: 35px;
+    height: 36px;
+    top: 0px;
+    right: 0px;
+    background: url(../graphics/error_topright.png) top right no-repeat;
+    z-index:-1;
+}
+
+.error_dashlet_topright_small {
+    position: absolute;
+    width: 35px;
+    height: 22px;
+    top: 0px;
+    right: 0px;
+    background: url(../graphics/error_topright_small.png) top right no-repeat;
+    z-index:-1;
+}
+
+.error_dashlet_leftrepeat_top {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    top: 5px;
+    left: 0px;
+    background: #ffdd80 url(../graphics/error_leftrepeat.png) top left repeat-y;
+    z-index:-1;
+}
+
+.error_dashlet_leftrepeat_bottom {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    bottom: 10px;
+    left: 0px;
+    background: #ffdd80 url(../graphics/error_leftrepeat.png) top left repeat-y;
+    z-index:-1;
+}
+
+.error_dashlet_bottomleft {
+    position: absolute;
+    width: 40px;
+    height: 45px;
+    bottom: 0px;
+    left: 0px;
+    background: url(../graphics/error_bottomleft.png) bottom left no-repeat;
+    z-index:-1;
+}
+
+.error_dashlet_bottomrepeat {
+    position: absolute;
+    width: 95%;
+    height: 30px;
+    bottom: 0px;
+    left: 10x;
+    background: #ffdd80 url(../graphics/error_bottomrepeat.png) bottom left repeat-x;
+    z-index:-1;
+}
+
+.error_dashlet_bottomrepeat_small {
+    position: absolute;
+    width: 97%;
+    height: 21px;
+    bottom: 0px;
+    left: 10x;
+    background: #ffdd80 url(../graphics/error_bottomrepeat.png) bottom left repeat-x;
+    z-index:-1;
+}
+
+.error_dashlet_bottomright {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    bottom: 0px;
+    right: 0px;
+    background: url(../graphics/error_bottomright.png) bottom right no-repeat;
+    z-index:-1;
+}
+
+.error_dashlet_rightrepeat_top {
+    position: absolute;
+    width: 30px;
+    height: 50%;
+    top: 5px;
+    right: 0px;
+    background: #ffdd80 url(../graphics/error_rightrepeat.png) top right repeat-y;
+    z-index:-1;
+    overflow:hidden;
+}
+
+.error_dashlet_rightrepeat_bottom {
+    position: absolute;
+    width: 30px;
+    height: 50%;
+    bottom: 10px;
+    right: 0px;
+    background: #ffdd80 url(../graphics/error_rightrepeat.png) bottom right repeat-y;
+    z-index:-1;
+    overflow:hidden;
+}
+
+.error_dashlet_rightrepeat_top {
+    min-height: 70px;
+}
+
+.dashboard_block.rolled-up .error_dashlet_toprepeat
+{ 
+    height: 38px;
+}
+
+.dashboard_block.rolled-up .error_dashlet_bottomrepeat
+{ 
+    height: 20px;
+}
+
+.dashboard_block.rolled-up .error_dashlet_rightrepeat_top
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .error_dashlet_rightrepeat_bottom
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .error_dashlet_leftrepeat_top
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .error_dashlet_leftrepeat_bottom
+{ 
+    display: none;
+}
+
+.info_dashlet_topleft {
+    position: absolute;
+    width: 35px;
+    height: 36px;
+    top: 0px;
+    left: 0px;
+    background: url(../graphics/info_topleft.png) top left no-repeat;
+    z-index:-1;
+}
+
+.info_dashlet_topleft_small {
+    position: absolute;
+    width: 35px;
+    height: 22px;
+    top: 0px;
+    left: 0px;
+    background: url(../graphics/info_topleft_small.png) top left no-repeat;
+    z-index:-1;
+}
+
+.info_dashlet_toprepeat {
+    position: absolute;
+    width: 95%;
+    height: 55px;
+    top: 0px;
+    left: 13px;
+    background: #DEDEDE url(../graphics/info_toprepeat.png) top left repeat-x;
+    z-index:-1;
+}
+
+.info_dashlet_toprepeat_small {
+    position: absolute;
+    width: 97%;
+    height: 21px;
+    top: 0px;
+    left: 13px;
+    background: #DEDEDE url(../graphics/info_toprepeat.png) bottom left repeat-x;
+    z-index:-1;
+    border-top: 1px solid #C5C5C5;
+}
+
+.info_dashlet_topright {
+    position: absolute;
+    width: 35px;
+    height: 36px;
+    top: 0px;
+    right: 0px;
+    background: url(../graphics/info_topright.png) top right no-repeat;
+    z-index:-1;
+}
+
+.info_dashlet_topright_small {
+    position: absolute;
+    width: 35px;
+    height: 22px;
+    top: 0px;
+    right: 0px;
+    background: url(../graphics/info_topright_small.png) top right no-repeat;
+    z-index:-1;
+}
+
+.info_dashlet_leftrepeat_top {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    top: 5px;
+    left: 0px;
+    background: #DEDEDE url(../graphics/info_leftrepeat.png) top left repeat-y;
+    z-index:-1;
+}
+
+.info_dashlet_leftrepeat_bottom {
+    position: absolute;
+    width: 13px;
+    height: 50%;
+    bottom: 10px;
+    left: 0px;
+    background: #DEDEDE url(../graphics/info_leftrepeat.png) top left repeat-y;
+    z-index:-1;
+}
+
+.info_dashlet_bottomleft {
+    position: absolute;
+    width: 40px;
+    height: 45px;
+    bottom: 0px;
+    left: 0px;
+    background: url(../graphics/info_bottomleft.png) bottom left no-repeat;
+    z-index:-1;
+}
+
+.info_dashlet_bottomrepeat {
+    position: absolute;
+    width: 95%;
+    height: 30px;
+    bottom: 0px;
+    left: 10x;
+    background: #DEDEDE url(../graphics/info_bottomrepeat.png) bottom left repeat-x;
+    z-index:-1;
+}
+
+.info_dashlet_bottomrepeat_small {
+    position: absolute;
+    width: 97%;
+    height: 21px;
+    bottom: 0px;
+    left: 10x;
+    background: #DEDEDE url(../graphics/info_bottomrepeat.png) bottom left repeat-x;
+    z-index:-1;
+}
+
+.info_dashlet_bottomright {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    bottom: 0px;
+    right: 0px;
+    background: url(../graphics/info_bottomright.png) bottom right no-repeat;
+    z-index:-1;
+}
+
+.info_dashlet_rightrepeat_top {
+    position: absolute;
+    width: 30px;
+    height: 50%;
+    top: 5px;
+    right: 0px;
+    background: #DEDEDE url(../graphics/info_rightrepeat.png) top right repeat-y;
+    z-index:-1;
+    overflow:hidden;
+}
+
+.info_dashlet_rightrepeat_bottom {
+    position: absolute;
+    width: 30px;
+    height: 50%;
+    bottom: 10px;
+    right: 0px;
+    background: #DEDEDE url(../graphics/info_rightrepeat.png) bottom right repeat-y;
+    z-index:-1;
+    overflow:hidden;
+}
+
+.info_dashlet_rightrepeat_top {
+    min-height: 70px;
+}
+
+.dashboard_block.rolled-up .info_dashlet_toprepeat
+{ 
+    height: 38px;
+}
+
+.dashboard_block.rolled-up .info_dashlet_bottomrepeat
+{ 
+    height: 20px;
+}
+
+.dashboard_block.rolled-up .info_dashlet_rightrepeat_top
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .info_dashlet_rightrepeat_bottom
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .info_dashlet_leftrepeat_top
+{ 
+    display: none;
+}
+
+.dashboard_block.rolled-up .info_dashlet_leftrepeat_bottom
+{ 
+    display: none;
+}
+
+
 #copyrightbarBorder {
     margin-top: 40px;
     margin-bottom: 50px;
@@ -1078,7 +1721,7 @@ hr {
  
 #document-views {
     position: absolute;
-    top: 0;
+    top: 200px;
     right: 0;
     width: 19em;
     z-index: 2;
@@ -1263,15 +1906,15 @@ hr {
 { 
     position: absolute;
 	top: 0px;
-	right: 8px;
+	right: 10px;
     text-align: right;
-    margin: -2px 0 0 0;
+    margin: 0.2em 0em 0 0;
 }
  
 .dashboard_block_handle
 {
     cursor: pointer;
-    margin: -2px -0.5em 0.5em 0.5em;
+    margin: 0.2em -0.5em 0.5em 0;
     font-size:small;
 }
  
@@ -1283,18 +1926,15 @@ hr {
 .ktBlock .dashboard_block_body
 { 
     z-index:99;
-    margin: 8px 5px 10px 5px;
+    margin: 8px 0 10px 0;
     background-color:#FFFFFF;
-    padding-left: 15px;
-    padding-right: 15px;
-    padding-bottom: 5px;
     overflow: auto;
 }
  
 .ktError .dashboard_block_body
 {
     z-index:99;
-    margin-top: -8px;
+    margin: 0;
     background-color: #ffdd80;
     overflow: auto;
 }
@@ -1302,7 +1942,7 @@ hr {
 .ktInfo .dashboard_block_body
 {
     z-index:99;
-    margin-top: -8px;
+    margin: 0;
     background-color: #DEDEDE;
     overflow: auto;
 }
@@ -9,14 +9,6 @@ window.onload = function()
       autoPad: false
     }
  
-    settings_dashlets = {
-      tl: { radius: 8 },
-      tr: { radius: 8 },
-      bl: { radius: 8 },
-      br: { radius: 8 },
-      antiAlias: true,
-      autoPad: false
-    }
     var browser = $T.getBrowserAgent();
  
 	// pageBody
@@ -29,56 +21,4 @@ window.onload = function()
     var footer = document.getElementById("copyrightbarBorder");
     var footerBlock = new curvyCorners(settings, footer);
     footerBlock.applyCornersToAll();
-    
-    // standard dashlets
-    var dashBlock = new curvyCorners(settings_dashlets, "ktBlock");
-    dashBlock.applyCornersToAll();
-    var dashboardBlocks = getElementsByClass("ktBlock");
-    for(var t = 0; t < dashboardBlocks.length; t++){
-	    dashboardBlocks[t].style.margin="0 0 26px 0";
-    }
-    
-    //info dashlets
-    var infoBlock = new curvyCorners(settings_dashlets, "ktInfo");
-    infoBlock.applyCornersToAll();
-    var infodashlets = getElementsByClass("ktInfo");
-    for(var q = 0; q < infodashlets.length; q++){
-	    infodashlets[q].style.margin="0 0 26px 0";
-    }
-    
-    //info message popups
-    var infoMessage = new curvyCorners(settings_dashlets, "ktInfoMessage");
-    infoMessage.applyCornersToAll();
-    var infoMessages = getElementsByClass("ktInfoMessage");
-    
-    //error message dashlets
-    var errorBlock = new curvyCorners(settings_dashlets, "ktError");
-    errorBlock.applyCornersToAll();
-    var errordashlets = getElementsByClass("ktError");
-    for(var r = 0; r < errordashlets.length; r++){
-	    errordashlets[r].style.margin="0 0 26px 0";
-    }
-    
-    //error message popups
-    var errorMessage = new curvyCorners(settings_dashlets, "ktErrorMessage");
-    errorMessage.applyCornersToAll();
-    var errorMessages = getElementsByClass("ktErrorMessage");
-
-    if(getElementsByClass("noportlets").length != '1'){
-	    //portlets
-	    	var portletBlock = new curvyCorners(settings_dashlets, "portlet");
-		    portletBlock.applyCornersToAll();
-		    var portlets = getElementsByClass("portlet");
-		    for(var t = 0; t < portlets.length; t++){
-			    portlets[t].style.margin="0 0 26px 0";
-		    }
-	    
-	    //portlets
-	    	var exp_portletBlock = new curvyCorners(settings_dashlets, "portlet expanded");
-		    exp_portletBlock.applyCornersToAll();
-		    var exp_portlets = getElementsByClass("portlet expanded");
-		    for(var u = 0; u < exp_portlets.length; u++){
-			    exp_portlets[u].style.margin="0 0 26px 0";
-		    }
-	}
   }
 \ No newline at end of file
 <div id="dashboard-container-left">
     {foreach item=oDashlet from=$dashlets_left}
     <div class="dashboard_block" id="{$context->_getDashletId($oDashlet)}">
-        <div class="{$oDashlet->sClass}" id="{$oDashlet->sClass}">
-        	
+        <div class="{$oDashlet->sClass}">
+        	{if $oDashlet->sClass === "ktBlock"}
+	    	<div class="dashboard_block_rightrepeat_top"></div>
+	    	<div class="dashboard_block_rightrepeat_bottom"></div>
+	    	<div class="dashboard_block_leftrepeat_top"></div>
+	    	<div class="dashboard_block_leftrepeat_bottom"></div>
+	    	{/if}
+	    	
+	    	{if $oDashlet->sClass === "ktError"}
+	    	<div class="error_dashlet_rightrepeat_top"></div>
+	    	<div class="error_dashlet_rightrepeat_bottom"></div>
+	    	<div class="error_dashlet_leftrepeat_top"></div>
+	    	<div class="error_dashlet_leftrepeat_bottom"></div>
+	    	{/if}
+	    	
+	    	{if $oDashlet->sClass === "ktInfo"}
+	    	<div class="info_dashlet_rightrepeat_top"></div>
+	    	<div class="info_dashlet_rightrepeat_bottom"></div>
+	    	<div class="info_dashlet_leftrepeat_top"></div>
+	    	<div class="info_dashlet_leftrepeat_bottom"></div>
+	    	{/if}
             <div class="dashboard_block_icons">
                 <a href="#" class="action action_rollup">&nbsp;</a>
                 <a href="#" class="action action_close">&nbsp;</a>
@@ -13,7 +32,33 @@
             <div class="dashboard_block_body">
                 {$oDashlet->render()}
             </div>
-            
+            {if $oDashlet->sClass === "ktBlock"}
+	        <div class="dashboard_block_topleft"></div>
+	        <div class="dashboard_block_toprepeat"></div>
+	    	<div class="dashboard_block_topright"></div>
+	    	
+	    	<div class="dashboard_block_bottomleft"></div>
+	        <div class="dashboard_block_bottomrepeat"></div>
+	    	<div class="dashboard_block_bottomright"></div>
+	    	{/if}
+	    	{if $oDashlet->sClass === "ktError"}
+	        <div class="error_dashlet_topleft"></div>
+	        <div class="error_dashlet_toprepeat"></div>
+	    	<div class="error_dashlet_topright"></div>
+	    	
+	    	<div class="error_dashlet_bottomleft"></div>
+	        <div class="error_dashlet_bottomrepeat"></div>
+	    	<div class="error_dashlet_bottomright"></div>
+	    	{/if}
+	    	{if $oDashlet->sClass === "ktInfo"}
+	        <div class="info_dashlet_topleft"></div>
+	        <div class="info_dashlet_toprepeat"></div>
+	    	<div class="info_dashlet_topright"></div>
+	    	
+	    	<div class="info_dashlet_bottomleft"></div>
+	        <div class="info_dashlet_bottomrepeat"></div>
+	    	<div class="info_dashlet_bottomright"></div>
+	    	{/if}
         </div>
     </div>
     {/foreach}
@@ -23,8 +68,25 @@
 <div id="dashboard-container-right">
     {foreach item=oDashlet from=$dashlets_right}
     <div class="dashboard_block" id="{$context->_getDashletId($oDashlet)}">
-        <div class="{$oDashlet->sClass}" id="{$oDashlet->sClass}">
-        	
+        <div class="{$oDashlet->sClass}">
+        	{if $oDashlet->sClass === "ktBlock"}
+        	<div class="dashboard_block_rightrepeat_top"></div>
+        	<div class="dashboard_block_rightrepeat_bottom"></div>
+            <div class="dashboard_block_leftrepeat_top"></div>
+        	<div class="dashboard_block_leftrepeat_bottom"></div>
+            {/if}
+            {if $oDashlet->sClass === "ktError"}
+        	<div class="error_dashlet_rightrepeat_top"></div>
+        	<div class="error_dashlet_rightrepeat_bottom"></div>
+        	<div class="error_dashlet_leftrepeat_top"></div>
+        	<div class="error_dashlet_leftrepeat_bottom"></div>
+        	{/if}
+        	{if $oDashlet->sClass === "ktInfo"}
+        	<div class="info_dashlet_rightrepeat_top"></div>
+        	<div class="info_dashlet_rightrepeat_bottom"></div>
+        	<div class="info_dashlet_leftrepeat_top"></div>
+        	<div class="info_dashlet_leftrepeat_bottom"></div>
+        	{/if}
             <div class="dashboard_block_icons">
                 <a href="#" class="action action_rollup">&nbsp;</a>
                 <a href="#" class="action action_close">&nbsp;</a>
@@ -35,7 +97,33 @@
                 {$oDashlet->render()}
             </div>
  
-            
+            {if $oDashlet->sClass === "ktBlock"}
+            <div class="dashboard_block_topleft"></div>
+            <div class="dashboard_block_toprepeat"></div>
+        	<div class="dashboard_block_topright"></div>
+        	
+        	<div class="dashboard_block_bottomleft"></div>
+            <div class="dashboard_block_bottomrepeat"></div>
+        	<div class="dashboard_block_bottomright"></div>
+        	{/if}
+        	{if $oDashlet->sClass === "ktError"}
+            <div class="error_dashlet_topleft"></div>
+            <div class="error_dashlet_toprepeat"></div>
+        	<div class="error_dashlet_topright"></div>
+        	
+        	<div class="error_dashlet_bottomleft"></div>
+            <div class="error_dashlet_bottomrepeat"></div>
+        	<div class="error_dashlet_bottomright"></div>
+        	{/if}
+        	{if $oDashlet->sClass === "ktInfo"}
+            <div class="info_dashlet_topleft"></div>
+            <div class="info_dashlet_toprepeat"></div>
+        	<div class="info_dashlet_topright"></div>
+        	
+        	<div class="info_dashlet_bottomleft"></div>
+            <div class="info_dashlet_bottomrepeat"></div>
+        	<div class="info_dashlet_bottomright"></div>
+        	{/if}
         </div>
     </div>
     {/foreach}
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html>
+<html> 
 <head>
     <title>{$page->title}{if ($page->secondary_title != null)} &mdash; {$page->secondary_title}{/if} | {$page->systemName}</title>
  
@@ -152,18 +152,20 @@
         		<tr align="left" align="left">
 	        		<td valign="top">
 			            <div id="portletbar">
-			                {foreach item=oPortlet from=$page->portlets}
-			                    {assign var=portlet_output value=$oPortlet->render() }
-			                    {if $portlet_output}
-			                        <div class="portlet{if $oPortlet->getActive()} expanded{/if}" id="portlet{if $oPortlet->getActive()} expanded{/if}">
-			                            <h4 onclick="toggleElementClass('expanded', this.parentNode)">{$oPortlet->getTitle()}</h4>
-			                            <div class="portletbody">
-			                                {$portlet_output}
-			                            </div>
-			                        </div>
-			                    {/if}
-			                {/foreach}
-			                <div class="floatClear"></div>
+                {foreach item=oPortlet from=$page->portlets}
+                    {assign var=portlet_output value=$oPortlet->render() }
+                    {if $portlet_output}
+                        <div class="portlet {if $oPortlet->getActive()}expanded{/if}">
+                            <h4 onclick="toggleElementClass('expanded',this.parentNode)">{$oPortlet->getTitle()}</h4>
+                            <div class="portletTopRepeat"></div>
+                            <div class="portletTopRight"></div>
+                            <div class="portletbody">
+                                {$portlet_output}
+                            </div>
+                        </div>
+                    {/if}
+                {/foreach}
+                <div class="floatClear"></div>
 			            </div>
 		            </td>
 		            <td valign="top" width="100%">
@@ -175,22 +177,40 @@
 			                {/if}
  
 			                <!-- any status / error messages get added here. -->
-			                {if (!empty($page->errStack))}
-			                    <div class="ktErrorMessage">
-			                        {foreach item=sError from=$page->errStack}
-			                            <span>{$sError}</span>
-			                        {/foreach}
-			                    </div>
-			                {/if}
-			
-			                {if (!empty($page->infoStack))}
-			                    <div class="ktInfoMessage">
-			                        {foreach item=sInfo from=$page->infoStack}
-			                            <span>{$sInfo}</span>
-			                        {/foreach}
-			                    </div>
-			                {/if}
-			                <!-- and finally, the content. -->
+                {if (!empty($page->errStack))}
+                    <div class="ktError">
+				    	<div class="error_dashlet_rightrepeat_bottom"></div>
+				    	<div class="error_dashlet_leftrepeat_bottom"></div>
+                        {foreach item=sError from=$page->errStack}
+                            <p>{$sError}</p>
+                        {/foreach}
+                        <div class="error_dashlet_topleft_small"></div>
+			            <div class="error_dashlet_toprepeat_small"></div>
+			        	<div class="error_dashlet_topright_small"></div>
+			        	
+			        	<div class="error_dashlet_bottomleft"></div>
+			            <div class="error_dashlet_bottomrepeat_small"></div>
+			        	<div class="error_dashlet_bottomright"></div>
+                    </div>
+                {/if}
+
+                {if (!empty($page->infoStack))}
+                    <div class="ktInfo">
+                    	<div class="info_dashlet_rightrepeat_bottom"></div>
+				    	<div class="info_dashlet_leftrepeat_bottom"></div>
+                        {foreach item=sInfo from=$page->infoStack}
+                            <p>{$sInfo}</p>
+                        {/foreach}
+                        <div class="info_dashlet_topleft_small"></div>
+			            <div class="info_dashlet_toprepeat_small"></div>
+			        	<div class="info_dashlet_topright_small"></div>
+			        	
+			        	<div class="info_dashlet_bottomleft"></div>
+			            <div class="info_dashlet_bottomrepeat_small"></div>
+			        	<div class="info_dashlet_bottomright"></div>
+                    </div>
+                {/if}
+                <!-- and finally, the content. -->
 			                {$page->contents}
 			                <div class="floatClear"></div>
 				    	</div>