As I am using <lightning-record-edit-form> & inside it I used <lightning-input-field>. My requirement is like If the input field is of checkbox then I want to display the checkbox field label on right side & checkbox button on left side. By default it shows the label on top of checkbox button.
[SalesForce] how to display the label on right side of checkbox using
Related Solutions
I see its working now by using variant="label-hidden"
<lightning-input-field field-name="AccountId" variant="label-hidden"></lightning-input-field>
Use this, You need to apply this class to lightning-icon: slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default
<div class="slds-form-element">
<label class="slds-form-element__label" for="text-input-id-1">Input Label</label>
<div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right">
<lightning-icon size="x-small" class="slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search"></lightning-icon>
<input type="text" id="text-input-id-1" placeholder="Placeholder Text" class="slds-input" />
</div>
</div>
Best Answer
You can achieve it by adding a
variant="label-inline"to thelightning-input-field