From 257e6d81824d1547253dc02927441041a1f14f44 Mon Sep 17 00:00:00 2001
From: freddyrodriguez <freddy0309@gmail.com>
Date: Wed, 20 Sep 2017 11:55:27 -0600
Subject: [PATCH] #12619 Update edit content to match the rows and columns from
 content types

---
 .../ext/contentlet/edit_contentlet.jsp        | 41 +++++++++++--------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/dotCMS/src/main/webapp/html/portlet/ext/contentlet/edit_contentlet.jsp b/dotCMS/src/main/webapp/html/portlet/ext/contentlet/edit_contentlet.jsp
index e235718bd5db..aa689c9ef87b 100644
--- a/dotCMS/src/main/webapp/html/portlet/ext/contentlet/edit_contentlet.jsp
+++ b/dotCMS/src/main/webapp/html/portlet/ext/contentlet/edit_contentlet.jsp
@@ -32,13 +32,19 @@
 
 
 <style>
-.dijitTree {
-    width: 100% !important;
-    height: 100%;
-}
-.classAce{
-  display: none;
-}
+    .dijitTree {
+        width: 100% !important;
+        height: 100%;
+    }
+    .classAce{
+      display: none;
+    }
+    .lineDivider{
+        display: flex;
+    }
+    .tabDivider {
+        flex: 1;
+    }
 </style>
 
 <%
@@ -294,23 +300,26 @@ var editButtonRow="editContentletButtonRow";
                 </div>
             <% } %>
 
+			<div class="lineDivider">
+				<span class="tabDivider">
+
             <%-- Begin Looping over fields --%>
             <% boolean fieldSetOpen = false;
                 int fieldCounter =0;
-                for (Field f : fields) {
+ 				int i = fields.get(0).getFieldType().equals(Field.FieldType.LINE_DIVIDER.toString()) ? 2 : 0;
+                for (; i < fields.size(); i++) {
+					Field f = fields.get(i);
                     if (fieldSetOpen &&
                         (f.getFieldType().equals(Field.FieldType.LINE_DIVIDER.toString()) ||
                          f.getFieldType().equals(Field.FieldType.TAB_DIVIDER.toString()) )) {
                         fieldSetOpen = false;%>
                     <%}%>
                     <%if(f.getFieldType().equals(Field.FieldType.LINE_DIVIDER.toString())) {%>
-                        <div class="lineDividerTitle"><%=f.getFieldName() %></div>
-                    <%}else if(f.getFieldType().equals(Field.FieldType.TAB_DIVIDER.toString())) {
-                        tabDividerOpen = true;%>
-                            </div>
-                        </div>
-                        <div id="<%=f.getVelocityVarName()%>" class="custom-tab" dojoType="dijit.layout.ContentPane" title="<%=f.getFieldName()%>">
-                            <div class="wrapperRight">
+						</div>
+						<span class="lineDivider">
+                    <%}else if(f.getFieldType().equals(Field.FieldType.TAB_DIVIDER.toString())) {;%>
+						</span>
+						<span class="tabDivider">
                     <%}else if(f.getFieldType().equals(Field.FieldType.CATEGORIES_TAB.toString()) && !categoriesTabFieldExists) {
                         categoriesTabFieldExists = true;%>
                         <jsp:include page="/html/portlet/ext/contentlet/edit_contentlet_categories.jsp" />
@@ -426,7 +435,7 @@ var editButtonRow="editContentletButtonRow";
                     <jsp:include page="/html/portlet/ext/contentlet/field/edit_field.jsp" />
                 <%}%>
             <%}%>
-        </div>
+        </span>
         <!-- END START EDIT CONTENT FORM -->
 	</div>
 	<!-- END TABS -->