Forum Discussion
LaxmikantB2
Aug 20, 2021Copper Contributor
Reusable Quick Links
I have created a quick links like below image: I want to use this Quick link components in all other modern pages. Previously we had Promoted link webparts which we can add in any pages across...
wendysuckow
Sep 10, 2024Copper Contributor
ddoty - OOOH! I remember having that problem - here's my iframe code - it's the "env=WebView" that fixes that, I believe.
<iframe src="//COMPANY.sharepoint.com/sites/SITE/SitePages/Department-Manuals.aspx?env=WebView" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="50x" width="200px" allowfullscreen=""></iframe>
ETA: I keep this code in a notepad file on my desktop so when I need to add it, it's a quick copy & paste.
ddoty
Sep 10, 2024Copper Contributor
Thank you...it's close, however I still get the default shadow box with the </> character in it (seems to happen with all embeds) then if you hover, it loads the content. If that didn't show I'd say this is a good workaround.
- wendysuckowSep 10, 2024Copper Contributor
ddoty - did you copy and paste my code? You should just need to edit the address to the site page you created that contains your quick links section (and of course tweak the dimensions.)
Also - I looked (waaaaaay) back in my notes and I believe you have to make sure you DON'T have "https:" in the address.
<iframe src="//YOURDOMAINHERE.sharepoint.com/sites/YOURSITEHERE/SitePages/YOURSITEPAGEHERE.aspx?env=WebView" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="50x" width="200px" allowfullscreen=""></iframe>This is exactly what the output is from that code, no hovering required:
- ddotySep 10, 2024Copper ContributorOH! That did work (removing the https://) to get rid of the hover shadow and </>. I still have a scrollbar even though I have overflow:hidden!important...but I bet I can find a workaround for that.