diff --git a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.css b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.css index 99fd7177a..b35225f2f 100644 --- a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.css +++ b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.css @@ -1,7 +1,37 @@ +/*:host { + --slds-c-textarea-sizing-min-height:800px; +}*/ + .warning { color:red; } .default { color:dimgray + +} + +.display-text-container { + border: 1px solid #dddbda; + border-radius: 0.25rem; + padding: 0.5rem; + background-color: #f3f2f2; +} + +.display-text-container::-webkit-scrollbar { + width: 8px; +} + +.display-text-container::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 4px; +} + +.display-text-container::-webkit-scrollbar-thumb { + background: #c1c1c1; + border-radius: 4px; +} + +.display-text-container::-webkit-scrollbar-thumb:hover { + background: #a8a8a8; } \ No newline at end of file diff --git a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.html b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.html index bf1f0ef2b..0e7939bd0 100644 --- a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.html +++ b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.html @@ -9,8 +9,10 @@ @@ -119,4 +121,4 @@ - + \ No newline at end of file diff --git a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js index 4a5d4fe86..c941ce08a 100644 --- a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js +++ b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js @@ -81,6 +81,7 @@ export default class TextAreaPlus extends LightningElement { @api label; @api placeHolder; @api textAreaHeight; + @api displayTextHeight; @api textMode; @api slackOutput; @api fieldLevelHelp; @@ -408,6 +409,25 @@ export default class TextAreaPlus extends LightningElement { } + //set display text height and overflow + get displayTextStyle() { + // Only apply style when there's content and displayTextHeight is set + if (!this.textValue || this.textValue.trim() === '' || !this.displayTextHeight) { + return ''; + } + const height = this.displayTextHeight + 'px'; + return `height: ${height}; overflow-y: auto;`; + } + + // Conditionally apply display text container class + get displayTextClass() { + // Only apply container styling when there's content and displayTextHeight is set + if (!this.textValue || this.textValue.trim() === '' || !this.displayTextHeight) { + return ''; + } + return 'display-text-container'; + } + // Dynamically calculate remaining characters get charsLeft() { const tlen = this.len; @@ -698,4 +718,4 @@ export default class TextAreaPlus extends LightningElement { -} +} \ No newline at end of file diff --git a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js-meta.xml b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js-meta.xml index 19c2e6d53..be64c56e9 100644 --- a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js-meta.xml +++ b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlus/textAreaPlus.js-meta.xml @@ -29,7 +29,8 @@ + - + \ No newline at end of file diff --git a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.html b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.html index d5e321d7e..9913fefe2 100644 --- a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.html +++ b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.html @@ -14,6 +14,10 @@ label="Text Value" onvaluechanged={handleFlowComboboxValueChange} automatic-output-variables={automaticOutputVariables}> + + - + \ No newline at end of file diff --git a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js index ab468443b..ead00feae 100644 --- a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js +++ b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js @@ -219,6 +219,13 @@ export default class textAreaPlusCPE extends LightningElement { label: "Text Area Height", helpText: "Set the minimum height of the text input area i.e. 800" }, + displayTextHeight: { + value: null, + valueDataType: DATA_TYPE.NUMBER, + isCollection: false, + label: "Display Text Height", + helpText: "Set the height of the display text container in pixels (e.g., 200). Leave empty for auto height." + }, fieldLevelHelp: { value: null, valueDataType: null, @@ -452,4 +459,4 @@ export default class textAreaPlusCPE extends LightningElement { (this.eq("textMode", "rich") || this.eq("textMode", "plain") || this.eq("textMode", "slack") || this.eq("textMode", "textInput")) ); } -} +} \ No newline at end of file diff --git a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js-meta.xml b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js-meta.xml index 75abf58f2..cc0d4bff0 100644 --- a/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js-meta.xml +++ b/flow_screen_components/textAreaPlus/force-app/main/default/lwc/textAreaPlusCPE/textAreaPlusCPE.js-meta.xml @@ -2,4 +2,4 @@ 58.0 false - + \ No newline at end of file