aboutsummaryrefslogtreecommitdiff
path: root/src/client/documents/Documents.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/documents/Documents.ts')
-rw-r--r--src/client/documents/Documents.ts41
1 files changed, 38 insertions, 3 deletions
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