5

I am using popover with lightning:overlayLibrary. The standard side of the nubbin is on the left. and looks like this:

enter image description here

I am trying change it to right. This is how I'm using it:

  component.find('overlayLib').showCustomPopover({
                        body:modalBody,
                        referenceSelector:".mypopover",
                        cssClass:"slds-nubbin_right,no-pointer",
                    })

with the following css:

.THIS.no-pointer .pointer { 
    visibility: hidden !important; 
}

As you could see, I added the classes "slds-nubbin_right,no-pointer" in order to remove the left nubbin and show the right nubbin (as written in the documentation) and this is the result i get:

enter image description here

This is from the documentation:

enter image description here

How can I put the nubbin only in the right side?

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.