Questions tagged iframe

Explore the latest questions and answers asked by our top developers.

How to apply the font in content in the Iframe from Parent Component in Angular

I am having Iframe in Presentation component. In my parent Component(presentation component) I able to apply the custom font ‘Open sans’. I cant apply the same font to content in the Iframe which is inside the parent component. I tried below code, but not working. if (this.currentTemplate != null && this.currentTemplate != undefined) { const […]

Categorized as angular, css, iframe, typescript Tagged , , ,

How to stop iframe video after closing modal in angular

component.html <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="closeYt()"> <span aria-hidden="true" style="color: white;">&times;</span> </button> </div> <div class="modal-body"> http://you%20tube%20video%20url </div> </div> </div> </div> I am using bootstrap 4 modal and angular version 11 component.ts @ViewChild(‘player’) player: ElementRef<HTMLInputElement> closeYt() { What should […]

By Rushikesh Gadekar
Categorized as angular, iframe Tagged ,

Can we re-use web components defined in Parent window in an iframe?

We are trying to load few web components in a parent window in our web application and make them available to re-use to the iframes loaded by the parent window, but it doesn’t seems to work. Not sure if the web components defined in parent context will be available to iframe windows. Looking for some […]

How to pass an external variable to an Angular Iframe?

I have created a simple Angular application and have it in production. From another project I have invoked it through an iframe. The iframe is displayed correctly, but I don’t know how to pass a variable to the application that is inside the iframe. I have tried this: Parent App Iframe App > App.Module […]

By juanjinario
Categorized as angular, iframe Tagged ,

It is possible to disable links (or any clickable element) inside an external service iframe, but allow scrolling the inner content?

What I am trying to achieve is to disable links or block any click event except scrolling inside the inner content of the iframe. The iframe is an external service, so I cannot manipulate or change any of the source code of the iframe. The project I am currently working on is in Angular 11. […]

By Laurentiu Amzarescu
Categorized as angular, css, html, iframe Tagged , , ,

Iframe reloads on hover to other componets eg: tooltip

I have used iframe tag to load one of the url, but iframe data reloads every time when i hover to any other component, eg: tooltip, or open any dropdown. It totally refresh the iframe. HTML Code: <iframe scrolling="no" style="border-width:0px; overflow: hidden;" [src]=transform(mapUri)></iframe> TS File Code: import { Component, OnInit } from ‘@angular/core’; import { […]

hotkeys navigation don’t work if content iframes have focus

I have a angular application. whenever the focus is on the iframe content the keyboard navigation does not work, up and down keys. changing the css to "pointer-events: none" messed up with the application behavior. Can anyone please help me out on this issue. Source: Angular Questions

Popup a modal from an iframe

Okay so my problem is the next. Currently i have a website (angular app) that is calling an iframe (a widget). For test issues, we’re embbeding the widget on our OWN site, so we can use it while develop it, and then 3rd party sites will use it. My problem is the next, i’m embbeding […]

How to use iframe in progressive mobile application?

I have a pwa mobile application which use iframe to show preview of pdf. The same code works fine when in desktop mode but in mobile version it shows a blank screen with open button. Is there any work around to preview pdf in pwa mobile application. The above code works fine in desktop Source: […]

How to log a user in RocketChat from an iframe and using the authToken returned by the REST API

I am embedding RocketChat in an iframe on my website in angular. Ideally, when the user authenticates to my REST API, authenticate them using the RocketChat REST API and use the (RocketChat) token to authenticate them within the Iframe. I have tried to authenticate the user using the token returned by the RocketChat REST API […]

By JayAndJay
Categorized as angular, iframe, Tagged , ,
1 2 3 13

Still Have Questions?

Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us