Embed a Webpage inside popup without using IFrame/Embed/Object/AJAX - iframe

I have created a popup component using React, while trying to open the sharepoint link with the same popup page using the following
-Iframe
-Object
-AJAX
-Emebed
It is showing an security issue:
Error: Refused to frame 'https://abcd.sharepoint.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' teams.microsoft.com *.teams.microsoft.com *.skype.com *.teams.microsoft.us local.teams.office.com *.powerapps.com *.yammer.com *.officeapps.live.com *.office.com *.stream.azure-test.net *.microsoftstream.com *.dynamics.com *.microsoft.com".
Is there any way I can open the share point link inside the popup I have created
Thanks

Related

Drive Item Preview - WebBrowser Control C# - This content cannot be displayed in a frame

We have third party app that has WebBrowser control that allows us to update the HTML content, and wanting to embed iframe of embed.aspx page from MS Graph api, but getting error "This content cannot be displayed in a frame". The HTML displays fine in Chrome and Edge, but IE and webbrowser control block it.
:!This content cannot be displayed in a frame(https://i.stack.imgur.com/JA8Jd.png)
I am using Microsoft Graph to get the preview embed.aspx of an item stored in SharePoint, using driveItem: preview API and I am getting a URL return like this, which is designed to be embedded in iframe.
https://{domain}.sharepoint.com/_layouts/15/embed.aspx?uniqueId={guid}&access_token=eyJ0eXAiOiJKV...
Is there some setting on ie that I can change to allow this content to be displayed in webbrowser control?
I have tried: - setting in ie to allow "Launching programs and files in an IFRAME".

Chrome, how to get element css style url() from chrome Dev Tools

For example:
I try to click the right mouse button on filter parameters and select: "Open in new tab"
I can get this URL.
I searched for the keyword #goo in this URL, but it still unable to solve the filter parameters:
This URL does not describe the contents of the filter parameters, just to list the same style code as on the web page:
Example web URL.

changing the URL, when opening a modal window, possibility to enter a modal window after the url Bootstrap 3 / AngularJS / CSS

I need create modal window with option, that when u open modal window, url is changing for example if u click a href with #123 in url will be after slash #123, and If I want to send someone link to modal window, he will redirect to this modal window after url. Can someone explain me how can I make it?:)
Because at this moment is that when u click some link, url does not change.
I use to modal window bootstrap 3 here is everything what I use in my project :
demo with whole code
https://codepen.io/Turqus/pen/rYeXvV
<a data-toggle="modal" href="#{{$index}}">Launch demo {{$index}}modal</a>
BTW
I also using AngularJS if it will help somehow to create this option.
I use the following service:
https://github.com/garakh/ngSilent
It allows you to change the URL and/or add parameters in the URL without calling the related route and controller. So before opening the modal window, you could use this service to add what you want to the URL.
Note that I have no connection to the developer, I have just used it in the past and it worked well for a similar problem.

Is there a way to add a new iframe in the current page DOM with a chrome extension

I am trying to add a new iframe to the DOM of the current page within a contetn script.
I am getting a popup saying it is not allowed.
I would like to know if this is a permission issue (I did set all_frame: true). Or not possible at all.
In advance thanks.

set div's innerHTML with an iframe, shows up in firebug but not on page

I'm using the extjs library. I've got a blank panel and I want to load another one of my ext projects into it with an iframe. Here is my function (called from a button), "thepanel" is my blank panel.
function(button){
var div = document.getElementById('thepanel');
div.innerHTML = "<iframe src=\"../../../project2/?&type=grades&gradeitem1=40691&\"></iframe>";
}
I can see the GET request in firebug's console when I run the function and all my second project code/data all shows up in an iframe when I look a the HTML in firebug but nothing new shows up in the browser. Any ideas of what could be keeping my iframe's contents from showing
I am using MVC architecture, here is the code that declares my panel:
items:[{
xtype:'panel',
itemId:'two',
id:'thepanel',
region:'center',
}]
UPDATE: I've tried moving the iframe to the html config option of the panel instead of adding it through jquery with a button click. Again, I can see the code from the url in the iframe show up in firebug but nothing shows up in my application. Here is the code declaring my panel:
xtype:'panel',
itemId:'two',
id:'thepanel',
region:'center',
html:'<iframe src=\"../../../extjproh2/?&type=grades&gradeitem1=40691\"></iframe>',
height:400,
width:400,
Ended up using this plugin from the sencha forums:
http://www.sencha.com/forum/showthread.php?110311-iframePanel&p=943573#post943573

Resources