feat: added tooltip for picklist field

trailheadapps · Nov 6, 2023 · cccae55 · cccae55
1 parent 3474092
commit cccae55
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/src-ui/main/default/lwc/flowCombobox/flowCombobox.css b/src-ui/main/default/lwc/flowCombobox/flowCombobox.css
@@ -1,3 +1,8 @@
 .no-pointer-event {
     pointer-events: none;
 }
+
+lightning-helptext.slds-form-element__icon {
+    padding-top: 0;
+    vertical-align: auto;
+}
diff --git a/src-ui/main/default/lwc/flowCombobox/flowCombobox.html b/src-ui/main/default/lwc/flowCombobox/flowCombobox.html
@@ -22,8 +22,13 @@
                                     class="slds-required"
                                     title="required"
                                     >*</abbr
-                                >{label}</label
-                            >
+                                >{label}
+                                <lightning-helptext
+                                    lwc:if={helptext}
+                                    content={helptext}
+                                >
+                                </lightning-helptext>
+                            </label>
                             <div
                                 id="pill-container"
                                 data-input-name={name}
@@ -53,8 +58,14 @@
                                         class="slds-required"
                                         title="required"
                                         >*</abbr
-                                    >{label}</label
+                                    >{label}
+                                </label>
+                                <lightning-helptext
+                                    lwc:if={helptext}
+                                    content={helptext}
+                                    class="slds-form-element__icon"
                                 >
+                                </lightning-helptext>
                                 <lightning-input
                                     id="this-input"
                                     class="value-input"

diff --git a/src-ui/main/default/lwc/flowCombobox/flowCombobox.js b/src-ui/main/default/lwc/flowCombobox/flowCombobox.js
@@ -15,6 +15,7 @@ import {
 export default class FlowCombobox extends LightningElement {
     @api name;
     @api label;
+    @api helptext;
     @api required = false;
     @api builderContextFilterType;
     @api builderContextFilterCollectionBoolean;

diff --git a/src-ui/main/default/lwc/quickChoicePropertyEditor/quickChoicePropertyEditor.html b/src-ui/main/default/lwc/quickChoicePropertyEditor/quickChoicePropertyEditor.html
@@ -49,6 +49,7 @@
                 name="qualifiedPicklistFieldName"
                 class="qualifiedPicklistFieldName"
                 label="Qualified Picklist Field Name"
+                helptext="Qualified picklist field API Name such as 'Account.Industry' or 'Custom_Object__c.Custom_Field__c'."
                 value={qualifiedPicklistFieldName}
                 value-type={qualifiedPicklistFieldNameValueType}
                 builder-context={builderContext}