I have inserted LWC on VF page using lightning out. In my LWC, I have used lightning-input-field. The help text on the label is not displaying properly. I am guessing that it's because of lightning out. Hence I removed the label using variant="label-hidden" but the help text of the label still exists. Is there a way to remove it? I did not find anything helpful in the documentation.

enter image description here


<lightning-record-edit-form object-api-name={objectApiName}>
     <lightning-input-field variant="label-hidden" field-name={item.value.inputFieldName} value={item.value.filterValue}>
  • 1
    Is there <lightning-helptext></lightning-helptext> tags somewhere in the component? – Zach Aug 7 '20 at 14:46
  • @Zach No, I am using a standard lightning-input-field and I have not added any other tag to the component. If I remove variant="label-hidden", I get the label and the help text for the field. If I add variant="label-hidden", I get just the help text. I wish to remove the help text because it's not displaying properly in lightning out. – SFdev Aug 8 '20 at 5:26
  • @Zach I have raised an idea regarding the issue. trailblazer.salesforce.com/ideaView?id=0874V0000015F7xQAE – SFdev Aug 10 '20 at 13:02

Go to the particular object's field ("myCustomField__c") in in your Org and remove the HelpText value given there. It go out from the Lightning page.

  1. Or you inspect the particular help icon area on page and find the some unique class of help icon.And just override the class with display: none; . You can refer this [https://hellosnl.blogspot.com/2019/07/lwc-override-css-of-standard-lightning-components.html] to override the css in Lwc.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.