0

I have a lightning:select component that is required, which adds an asterisk above the input:

            <td role="gridcell">
              <div class="form-group">
                <lightning:select aura:id="deliveryMethodPicklist" value="{!v.selectedDeliveryMethodValue}" onchange="{!c.handleDeliveryMethodChange}" name="deliveryMethodPicklist" required="true">
                  <option value="">--None--</option>
                  <aura:iteration items="{!v.deliveryMethodMap}" var="option">
                      <option text="{!option.value}" value="{!option.key}" selected="{!option.selected}" />
                  </aura:iteration>   
                </lightning:select>
              </div>
            </td>

The asterisk displays above select input. Is there a way to either re-position or remove it without removing other required asterisks on the component. If I set css on slds-required then all asterisks are removed. I want to keep the select required, but just need to adjust the placement of the asterisk or simply remove it and the required field will still work. Finally, is there a way to vertically center the picklist within the table column? Currently, it sits flush to the bottom border of the cell and when the required message displays the picklist moves to the center and the message displays below it. Can it be centered vertically?

Your Answer

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

Browse other questions tagged or ask your own question.