[SalesForce] variant=’label-hidden’ Not Working for lightning-input-field When field is a Lookup

I have a Lightning Web Component and in that I'm using a lighting-record-edit-form. I'm trying to use a custom label for an input by hiding the default one for the lightning-input-field and adding my own. I'm using the variant='label-hidden' and it isn't working.

It works on other fields, just not when the field rendered is a lookup field or a Rich Text field.

I've tried some different things with CSS but it doesn't seem to be picking it up.

I've seen some other similar questions with work arounds but they appear to only be for Aura components.

Anybody else encountered this or come up with a workaround?

<lighting-input-field field-name='Lookup_Field__c' variant='label-hidden'></lightning-input-field>

Best Answer

I see its working now by using variant="label-hidden"

<lightning-input-field field-name="AccountId" variant="label-hidden"></lightning-input-field>

Related Solutions

[SalesForce] record:editform for input lookup field pop up search option is not working

I have used this component and the search popup works for me.

Just click the search box and it will open.

This is the sample code I have used. Just Contact object fields which includes Account as lookup.

<lightning:recordEditForm
       onload="{!c.handleLoad}"
        onsubmit="{!c.handleSubmit}"
        onsuccess="{!c.handleSuccess}"
        objectApiName="{!v.sObjectName}">
       <!--  the messages component is for error messages -->
        <lightning:messages />

        <lightning:inputField fieldName="LastName" aura:id="LastName"/>
        <lightning:inputField fieldName="AccountId" aura:id="AccountId"/>
        <lightning:inputField fieldName="Birthdate" aura:id="Birthdate"/>
        <lightning:inputField fieldName="AssistantPhone" aura:id="AssistantPhone"/>
        <lightning:inputField fieldName="Email" aura:id="Email"/>
        <lightning:inputField fieldName="LeadSource" aura:id="LeadSource"/>
        <lightning:inputField fieldName="Lead_Source_2__c" aura:id="Lead_Source"/>
        <div class="slds-m-top_medium">
            <lightning:button disabled="{!v.disabled}" variant="brand" type="submit" name="save" label="Save" />
        </div>
    </lightning:recordEditForm>

You can find detail code here: https://newstechnologystuff.wordpress.com/2018/10/06/lightningrecordeditform-save-data-without-apex/

[SalesForce] How to make rich text input work with lightning-record-edit form in lwc

The documentation for lightning-input-field says it supports rich text field types.

I think you have to use lightning-input-field instead of lightning-input-rich-text.

Best Answer

Related Solutions

[SalesForce] record:editform for input lookup field pop up search option is not working

[SalesForce] How to make rich text input work with lightning-record-edit form in lwc

Related Topic