[mdbPopover] Popover - added new [outsideClick]=&quot;tr

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

jespenhain premium asked 5 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.

Add comment

Damian Gemza staff answered 5 years ago

0 0 Best answer

<p>Dear <a href="/profile/?id=58786" target="_blank" rel="nofollow">@jespenhain</a></p>

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

<p>I wont dismiss after click on page</p>

<pre class="prettyprint"><code>  <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>
</code></pre>

<p>Best Regards,</p>

<p>Damian</p>

Please insert min. 20 characters.

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Premium
Premium support: Yes
Technology: MDB Angular
MDB Version: 7.5.1
Device: Angular
Browser: Chrome
OS: Windows
Provided sample code: No
Provided link: No

jespenhain

Premium support 145Support score
15Questions 7Answers 0Snippets