Skip to main content

Posts

Showing posts from May, 2020

Service Portal: add a carousel widget with fixed height and embedded homepage search

based on a copy of the ootb carousel widget HTML: <div class="pull-in">   <uib-carousel interval="options.interval">     <uib-slide ng-repeat="slide in ::data.slides" active="slide.active">       <div class="container">         <a href="{{::slide.url}}" title="Open carousel item">           <img ng-src="{{::slide.background}}" style="margin:auto; width:100%;" role="presentation">         </a>       </div>     </uib-slide>      <!--homepage search-->  <!--<div id="homepage-search" class="hidden-xs wrapper-xl">     <div class="wrapper-xl"> -->           <div id="homepage-search" class="hidden-xs wrapper-xl">          <h2 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="options.title">

Edit a widget directly from the portal page

Press crtl + right click on the widget Click widget in editor (as per: https://docs.servicenow.com/bundle/orlando-servicenow-platform/page/build/service-portal/task/view-widget-record.html )

embed twitter feed in widget - limit to 3 tweets

<div> <!--<a class="twitter-timeline" href="https://twitter.com/Nowsupport?ref_src=twsrc%5Etfw">Tweets by Nowsupport</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>--> <a class="twitter-timeline" data-tweet-limit="3" href="https://twitter.com/CUITServiceDesk">   Tweets by Cov Uni</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div>

embed twitter feed in widget

<!-- how to: go to https://publish.twitter.com/ enter the twitter url click the copy code button--> <div> <a class="twitter-timeline" href="https://twitter.com/Nowsupport?ref_src=twsrc%5Etfw">Tweets by Nowsupport</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div>