Forum Discussion
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...
I agree this would be very helpful to have reusable components. I created a site for our HR department and on the right rail they want the same quick links and feedback graphic and then one button changes and I have to go in and change 100+ pages. I tried the suggested embed of a page with just the links, but that didn't work for me (it forced me to hover before it 'activated' then shows a SharePoint bar at the top of the section).
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.
- 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.
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:
- OH! 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.
- You are amazing! Thank you it worked great!
