From d3172a0775096feec808185a584a82fb85232fcd Mon Sep 17 00:00:00 2001
From: Ingo Schommer <ingo@silverstripe.com>
Date: Sat, 21 Nov 2009 03:17:04 +0000
Subject: [PATCH] BUGFIX Hiding LeftAndMain editform while loading new DOM
 through ajax, to avoid flash-of-unstyled-content issues

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@92754 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 css/cms_right.css                  | 5 +++++
 javascript/LeftAndMain.EditForm.js | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/css/cms_right.css b/css/cms_right.css
index 8131c1c6..93efd3cb 100644
--- a/css/cms_right.css
+++ b/css/cms_right.css
@@ -202,6 +202,11 @@
 		padding: .5em;
 		font-size: 11px;
 	}
+	
+	.right form.loading {
+		margin-left: -1000em;
+		margin-right: 1000em;
+	}
 
 /** 
  * Tinymce 
diff --git a/javascript/LeftAndMain.EditForm.js b/javascript/LeftAndMain.EditForm.js
index f8b7bd69..dcdccf77 100644
--- a/javascript/LeftAndMain.EditForm.js
+++ b/javascript/LeftAndMain.EditForm.js
@@ -169,6 +169,9 @@
 				// Alert when unsaved changes are present
 				if(this._checkChangeTracker(true) == false) return false;
 				
+				// hide existing form - shown again through _loadResponse()
+				this.addClass('loading');
+				
 				this.trigger('load');
 
 				return jQuery.ajax(jQuery.extend({
@@ -178,6 +181,8 @@
 						self.removeClass('changed');
 
 						self._loadResponse(xmlhttp.responseText, status, xmlhttp);
+						
+						self.removeClass('loading');
 
 						if(callback) callback.apply(self, arguments);
 					},