Skip to main content

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"></h2>             
    <div ng-if="options.short_description" class="text-center h4 m-b-lg sp-tagline-color" ng-bind="options.short_description">
   </div>              
   <sp-widget widget="data.typeAheadSearch" />  
  
</div>
  <!-- homepage search end -->

  </uib-carousel>
  
  <!--<div>
    <widget id="typeahead-search"></widget>
  </div>-->
  


CSS:

div.container {
 max-height: 200px;
}

OPTION SCHEMA:

[{"name":"typeahead_search","default_value":"{title: 'How can we help?', size: 'lg', color: 'default'}","section":"Presentation","label":"Typeahead Search","type":"string"}]

SERVER SCRIPT:

data.slides = $sp.getRelatedList('sp_carousel_slide','carousel');
data.typeAheadSearch = $sp.getWidget('typeahead-search', options.typeahead_search);


Comments

Post a Comment

Popular posts from this blog

Get URL Parameter - server side script (portal or classic UI)

Classic UI : var sURL_editparam = gs . action . getGlideURI (). getMap (). get ( ' sysparm_aparameter ' ); if ( sURL_editparam == 'true' ) { gs . addInfoMessage ( 'parameter passed ); } Portal : var sURL_editparam = $sp . getParameter ( " sysparm_aparameter " ); if ( sURL_editparam == 'true' ) { gs . addInfoMessage ( 'parameter passed ); }

ServiceNow - script include: build up the results as a JSON object (array) - example 2

function call var sCurrentGroupMembers = new <script_include> (). getGroupMembers ( group_sysid ); gs . print ( 'sCurrentGroupMembers:' + sCurrentGroupMembers ); var oGroupMembers = JSON . parse ( sCurrentGroupMembers ); gs . print ( JSON . stringify ( oGroupMembers . users )); oNewGroupMember = JSON . parse ( group_members ); var oGroupConfig = getGroupDeltas ( oGroupMembers . users , oNewGroupMember ); gs . print ( JSON . stringify ( oGroupConfig . remove )); gs . print ( JSON . stringify ( oGroupConfig . add )) output : *** Script: sCurrentGroupMembers: {"manager":"3b2649efdb0f8c10cc0652f3f39xxxxx", "email":"", "type":"33a2226edb99c340edfc7cbdae96xxxx", "description":"Created for xyz", "users":[{"user":"3b2649efdb0f8c10cc0652f3f396xxxx"},{"user":"856a8f71db3d73041b4ffc45ae96196a"},{"user":"3752771