BigPictureDialog¶
Source | big-picture |
---|
Takes an img url and shows an image on fullscreen (optimized for modal dialogs). The dataUrl can be anything that can display an img:
- http / https url
- base64 img code
- data url (blob:http://localhost:…)
To take pictures during application runtime have a look at the EvanPictureService or SnapshotDialogComponent.
Example¶
Reference Implementation: Task DApp detail
- typescript
openPictureDetail(dataUrl: string) {
try {
return this.modalService.showBigPicture(
'alertTitle',
'alertText',
dataUrl,
);
} catch (ex) { }
}
- html
<img class="clickable"
[src]="picture.blobURI"
(click)="openPictureDetail(picture.blobURI)"
/>
Havea look at the EvanModalService.
View Example¶
