Looking for the old site?

App Studio

How To
Documentation
    Learn More

      widget:popover

      Description

      The popover widget allows the popover content to be displayed in a popup when the popover trigger is clicked.

      Usage

      as element:
      <widget:popover
       [direction="{string}"]
       [mode="{string}"]
       [close-on-click="{string}"]
       [close-on-mouseleave="{string}"]
       [on-close="{function}"]
       [hover-timeout="{number}"]>
</widget:popover>

      Directive info

      • This directive creates new scope.

      Parameters

      ParamTypeDetails
      direction
      (optional)
      		string

      Where the popover should appear (top, left, right, bottom, bottom-left, bottom-center-left, bottom-center-right). Default: bottom

      mode
      (optional)
      		string

      How the popover should open (hover or click. Default:click)

      close-on-click
      (optional)
      		string

      Close the popover when the popover is clicked on (Default:false).

      close-on-mouseleave
      (optional)
      		string

      Close the popover when the mouse leaves the element.

      on-close
      (optional)
      		function

      Function to call when the popover is closed.

      hover-timeout
      (optional)
      		number

      A number to determining the number of milliseconds the popover should be displayed for after the user leaves the popover-trigger. (Only applicable to hover mode)

      (default: 1000)

      Example

      Source

      


      

      Demo