May 17 2021 12:27 PM
May 17 2021 12:27 PM
When I try to create an app in app studio and put a webpage URL in a personal tab, It won't load, doesn't show anything (I read that is because most of the pages won't allow to be embed in an iframe) . But when I create a new tab inside a teams channel and I use the "website" app it does load the sames pages, so how are they embedding the pages inside that tab and how is it different from the personal tab in a new app.
Is there a way to show a website in a new app that doesn't use iframe or that works like in the teams channel tab?
May 17 2021 11:36 PM
Hi @cmbalderrama - Could you please explain which website are you trying to embed in a tab and also share the code snippets of tab.
May 19 2021 08:42 AM
well I'm trying to embed some internal pages, but I have tried with any pages, even google, when I put the URL in the personal tab when creating an app in app studio in won't show anything, but when I put the same URL in the teams channel tab with the website app it shows the page and work.
this is with the personal tab in app studio:
doesn't load anything but the link to go to website does work (so no problem with the url)
and this in the teams channel tab:
May 19 2021 08:53 AM
For a Teams app you would need to also list all the possible domains that would be accessed in the valid url section. For SharePoint pages I use the following
May 19 2021 09:04 AM - edited May 19 2021 09:05 AM
May 19 2021 11:08 AM
May 19 2021 03:59 PM
May 20 2021 01:34 AM
Hi @cmbalderrama - Tabs in teams display a web content which are IFramable. But Google will send an "X-Frame-Options: SAMEORIGIN" response header.
To open Google as a tab in teams use content url as shown below.
Let me know if the issue resolved.
May 20 2021 02:05 PM
May 20 2021 10:36 PM
Hi @cmbalderrama - The "website" app in a tab channel is a third party app which allows to add websites as a tab to a channel. Where as personal tab is a custom app which allows only Iframable webpages to as a tab.
May 20 2021 11:28 PM - edited May 20 2021 11:31 PM
@cmbalderrama - I am able to get the google as a personal tab as shown below.
May 23 2021 09:11 PM
May 24 2021 10:13 AM
Hi @cmbalderrama - Could you please share the console log messages for tab.
May 24 2021 10:31 AM
This is what I get:
But it's ok, because I also need to add another pages (that are not google) as tabs and if there is no way to put a website without an iframe as a personal tab it's not going to work for me.
I though there might be another way, (the way they do it on the website app inside tab team channel, because the same pages does work there) . Maybe that should be a new requirement for Teams.
But thanks anyway