Docs for m2-core, m2-components
  1. Components
  2. ImagePreviewComponent

File

projects/m2-core/src/lib/widget-modules/datatable-utils/img-preview.component.ts

Implements

OnInit

Metadata

selector img-preview
styles .img-preview-wrapper { position: fixed; z-index: 10000; white-space: nowrap; text-align: center; background-color: #FEFEFE; border-radius: 3px; padding-right: 4px; } .img-preview { vertical-align: middle; max-height: 92%; max-width: 92%; }
template 
<div class="img-preview-wrapper box-shadow-grey" [ngStyle]="wrapperStyle">
    <span class="centerer"></span>
    <img *ngIf="imgSrc" [ngStyle]="imgStyle" class="img-preview" [src]="imgSrc">
</div>

Index

Properties
Methods
Inputs

Inputs

ignorePhantomTargets
Type : boolean
Default value : false
imgHeight
Type : number
Default value : 128
imgWidth
Type : number
Default value : 128

Methods

Public hide
hide()
Returns : void
ngOnInit
ngOnInit()
Returns : void
Public show
show(event: Event, dataOrUrl: string, isData, target?: Element)
Parameters :
Name Type Optional Default value
event Event No
dataOrUrl string No
isData No true
target Element Yes
Returns : void

Properties

imgSrc
Type : string
imgStyle
Type : CSSStyleDeclaration
Default value : <CSSStyleDeclaration> {}
wrapperStyle
Type : CSSStyleDeclaration
Default value : <CSSStyleDeclaration> {}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""