Change the size of the preview-element doesn't work
See original GitHub issueHello,
I tried to change the css-style as explained in usage but it doesn’t worked for me.
My html file looks like this below:
<zxing-scanner #scanner class="test-class"
[scannerEnabled]="scannerEnabled"
[device]="selectedDevice"
(camerasFound)="displayCameras($event)"
(scanSuccess)="handleQrCodeResult($event)"
[cssClass]="'small-video'"></zxing-scanner>
and I try to change the style like this:
.small-video {
max-height: 70vh;
width: 100vw;
object-fit: contain;
}
Thank you and best regards, Jan
Issue Analytics
- State:
- Created 5 years ago
- Comments:18 (13 by maintainers)
Top Results From Across the Web
Remove previews from dropzone after success - Stack Overflow
My work around is to manually reset the containing div for dropzone: document. ... previewElement.remove() , works fine in Chrome but does not...
Read more >[WP8.1[HTML]]MediaCapture Preview element size Windows Phone ...
I'm using max resolution. Tried using some CSS, but didn't work. Any work around on how i can increase the size of it...
Read more >Types Of File Preview Errors And How To Handle Them
Have you encountered an error message while trying to preview a file in your Dropbox? Read on to learn how to handle every...
Read more >Layout - Dropzone
data-dz-uploadprogress (Dropzone will change the style.width property from 0% to 100% whenever there's a uploadprogress event).
Read more >Resize images in JavaScript the right way - ImageKit.io
Rich image editors that work on client-side ... crop, and do a lot with images by changing the image URL in the src...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi David & Luis, thanks so much for your detail info. I’ll check them out and probably need to learn a lot more about Angular 😃 You people are very helpful and I really appreciate that!
Hey guys, thank you for your help and your fast response. It works for me. 👍 Best regards, Jan