Positions the element as in Connected positioning strategy and re-positions the element in the view port (calculating a different start point) in case the element is partially getting out of view

Constructors

Section titled "Constructors"

TooltipPositionStrategy

new TooltipPositionStrategy(settings: PositionSettings): TooltipPositionStrategy

Defined in projects/igniteui-angular/directives/src/directives/tooltip/tooltip.common.ts:78

Returns TooltipPositionStrategy

Properties

Section titled "Properties"

settings

Section titled "settings"

Inherited from: AutoPositionStrategy

PositionSettings to use when position the component in the overlay

 
settings: PositionSettings

Defined in projects/igniteui-angular/core/src/services/overlay/position/connected-positioning-strategy.ts:21

Methods

Section titled "Methods"

clone

Section titled "clone"

Inherited from: AutoPositionStrategy

Creates clone of this position strategy

clone(): IPositionStrategy

Defined in projects/igniteui-angular/core/src/services/overlay/position/connected-positioning-strategy.ts:58

Returns IPositionStrategy

position

Section titled "position"

Position the element based on the PositionStrategy implementing this interface.

position(contentElement: HTMLElement, size: Size, document: Document, initialCall: boolean, target: HTMLElement | Point): void

Defined in projects/igniteui-angular/directives/src/directives/tooltip/tooltip.common.ts:86

Parameters

  • contentElement: HTMLElement

    The HTML element to be positioned
  • size: Size

    Size of the element
  • document: Document

    reference to the Document object
  • initialCall: boolean

    should be true if this is the initial call to the method
  • target: HTMLElement | Point

    attaching target for the component to show

    settings.positionStrategy.position(content, size, document, true);

Returns void

positionArrow

Section titled "positionArrow"

Sets the position of the arrow relative to the tooltip element.

positionArrow(arrow: HTMLElement, arrowFit: ArrowFit): void

Defined in projects/igniteui-angular/directives/src/directives/tooltip/tooltip.common.ts:112

Parameters

  • arrow: HTMLElement

    the arrow element of the tooltip.
  • arrowFit: ArrowFit

    arrowFit object containing all necessary parameters.

Returns void