Adding the Twitter Widget from Twitter into Web App Builder???

1255
1
09-10-2017 09:38 AM
EricShreve
Occasional Contributor II

I am attempting to add the Twitter Widget that defines a specific list of twitter accounts that I have stated https://dev.twitter.com/web/embedded-timelines to the AGOL Dashboard Theme for Situational Awareness. When I attempt to copy the html code into the Web App for the About Widget I get an error or nothing happens with the code. I wanted to know if anyone has experience adding this specific line of code from the twitter widget to a Web App? I have attached a screenshot showing what I would like to get out of the app/widget.

<a class="twitter-timeline" href="https://twitter.com/search?q=from%3Aazstateforestry%20OR%20from%3AAzEIN%20OR%20from%3AArizonaNationa...." data-widget-id="906584941541990400">Tweets about from:azstateforestry OR from:AzEIN OR from:ArizonaNationalGuard OR from:PhoenixFireDept.</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

0 Kudos
1 Reply
RobertScheitlin__GISP
MVP Emeritus

Eric,


  Complex code like that that calls other external libraries can not be added to the splash screen widget. The splash screen widget is capable of rendering simple HTML code only. You would need to create a custom widget for this and this not be able to use AGOL to host your app.

0 Kudos