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}>
+
@@ -48,10 +52,10 @@
-
-
+
@@ -178,4 +182,4 @@
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