How To: Add Web Widgets to Your Portal - TSR Follow
The portal allows for certain web widgets to be added to the portal text editor and iView islands. A few samples have been added below to give an idea of how to use widgets. The colors, fonts, and styles of many widgets can be adjusted to fit your portal theme. This list is not exhaustive so play around and post other cool widgets in the comments!
*3rd Party Widgets base code is not in any way able to be edited or controlled within the Portal or by Passageways, so should an option below be discontinued or stop working, you may need to find an alternative.
Note: If you find a web widget that starts with <script>, it will not be able to be added to the portal text editor island.
<iframe src='https://www.juicer.io/api/feeds/facebook-a5b8a075-6153-42d1-8093-1427931dc199/iframe' frameborder='0' width='1000' height='1000'></iframe>
Clock or Time/Date display
<iframe src="http://free.timeanddate.com/clock/i558dhcp/n3699/fs16/fc53b7e8/tc222/pc222/ftb/bas0/bat0/bacfff/pa5/tt0/tw1/th2/ts1/ta1/tb4" frameborder="0" width="202" height="46"></iframe>
<iframe src="http://free.timeanddate.com/clock/i558dhcp/n3699/szw110/szh110/hoc53b7e8/hbw4/hfc222/cf100/hgr0/hcc949599/hcw2/fas20/facfff/fdi76/mqcfff/mqs4/mql3/mqw4/mqd78/mhc000/mhs4/mhl3/mhw4/mhd82/mmv0/hhcfff/hhs3/hmcfff/hms3/hscfff" frameborder="0" width="110" height="110"></iframe>
Countdown
<iframe src="http://free.timeanddate.com/countdown/i558h98p/n3699/cf110/cm0/cu4/ct0/cs0/ca0/cr0/ss0/cac000/cpc000/pc949599/tcfff/fs100/szw320/szh135/tatCelebration%20Countdown!/tac414042/tpc000/mac000/mpc000/iso2016-05-09T19:30:00" allowTransparency="true" frameborder="0" width="320" height="135"></iframe>
<div style="width: 650px;"><iframe style="display: block;" src="http://cdnres.willyweather.com/widget/loadView.html?id=46087" width="650" height="92" frameborder="0" scrolling="no"></iframe><a style="text-indent: -9999em;float: right;margin: -92px 0 0 0;height: 92px;z-index: 1;position: relative;width: 20px" href="http://www.willyweather.com/in/tippecanoe-county/lafayette.html">Lafayette Forecast</a></div>
<iframe src="http://www.calcmoolator.com/iframe_widget.php?widget_id=5a72fa58e3f14c026e4cff1c76d35cc2" style="width: 800px; height: 600px; border: 0px;" border="0" scrolling="yes" frameborder="0"></iframe>
Comments
1 comment
A note in regards to the Willy Weather Widget:
The html code for the Willy Weather Widget was created for the Lafayette, Indiana area. To use this widget for your local area, please make sure you click on the name of the section. This will take you to the widget creation tool, which will allow you to create a widget tailored to your area.
Please sign in to leave a comment.