[mdbPopover] Popover - added new [outsideClick]=true input w


Topic: [mdbPopover] Popover - added new [outsideClick]="true" input which allow to determine, if Popover should be closed after clicking in it's content

jespenhain pro premium asked 6 years ago

Hello about this new feature where can i find an example? I just tried to set this attribute, but didn't see any effect.


Damian Gemza staff answered 6 years ago

Dear @jespenhain

There's no such example. But take a look at the below code which I have provided to you. The [outsideClick] input determines if popover should be hidden after clicking on page content or not.

I wont dismiss after click on page

  <button type="button" mdbBtn color="danger" class="waves-light"
          mdbPopover="And here some amazing content. It's very engaging. Right?"
          placement="right"
          mdbPopoverHeader="Dismissible popover"
          triggers="click" mdbWavesEffect>
    I wont dismiss after click on page
  </button>

  <button type="button" mdbBtn color="danger" class="waves-light"
          mdbPopover="And here some amazing content. It's very engaging. Right?"
          placement="right"
          mdbPopoverHeader="Dismissible popover"
          [outsideClick]="true"
          triggers="click" mdbWavesEffect>
    I will dismiss after click on page
  </button>

Best Regards,

Damian


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.5.1
  • Device: Angular
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags