From 73314214bb8582189894104b168d503e1c583301 Mon Sep 17 00:00:00 2001
From: Bob Zeleznik <zzzman@gmail.com>
Date: Tue, 19 Mar 2019 05:16:57 -0400
Subject: document templates

---
 src/client/documents/Documents.ts | 41 ++++++++++++++++++++++++++++++++++++---
 1 file changed, 38 insertions(+), 3 deletions(-)

(limited to 'src/client')

diff --git a/src/client/documents/Documents.ts b/src/client/documents/Documents.ts
index fabdaad17..4ed1fc3ed 100644
--- a/src/client/documents/Documents.ts
+++ b/src/client/documents/Documents.ts
@@ -221,16 +221,51 @@ export namespace Documents {
             `</div> 
         </div>` };
 
-    function Caption() {
+    function OuterCaption() {
         return (`
 <div>
-    <div style="margin:auto; height:85%; width:85%;">
+    <div style="margin:auto; height:calc(100%); width:100%;">
         {layout}
     </div>
-    <div style="height:15%; width:100%; position:absolute">
+    <div style="height:(100% + 25px); width:100%; position:absolute">
         <FormattedTextBox doc={Document} DocumentViewForField={DocumentView} bindings={bindings} fieldKey={"CaptionKey"} isSelected={isSelected} select={select} selectOnLoad={SelectOnLoad} isTopMost={isTopMost}/>
     </div>
 </div>       
         `)
     }
+    function InnerCaption() {
+        return (`
+    <div>
+        <div style="margin:auto; height:calc(100% - 25px); width:100%;">
+            {layout}
+        </div>
+        <div style="height:25px; width:100%; position:absolute">
+            <FormattedTextBox doc={Document} DocumentViewForField={DocumentView} bindings={bindings} fieldKey={"CaptionKey"} isSelected={isSelected} select={select} selectOnLoad={SelectOnLoad} isTopMost={isTopMost}/>
+        </div>
+    </div>       
+            `)
+    }
+
+    /*
+
+    this template requires an additional style setting on the collectionView-cont to make the layout relative
+    
+.collectionView-cont {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+    */
+    function Percentaption() {
+        return (`
+    <div>
+        <div style="margin:auto; height:85%; width:85%;">
+            {layout}
+        </div>
+        <div style="height:15%; width:100%; position:absolute">
+            <FormattedTextBox doc={Document} DocumentViewForField={DocumentView} bindings={bindings} fieldKey={"CaptionKey"} isSelected={isSelected} select={select} selectOnLoad={SelectOnLoad} isTopMost={isTopMost}/>
+        </div>
+    </div>       
+            `)
+    }
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2