contextual search result workaround

[amaradiswamy]

Hi All,

I followed workaround provided in below KB article.

ServiceNow KB: Contextual search on record producers does not work in Service Portal (KB0610534)

It is working fine in portal for KB articles but when we click on any catalog item which were there in search results then the links are redirecting again to the same form instead of respective form.

for example, i opened 'Create incident' and if i type 'Laptop' in field then i am getting catalog item results. But, when i click on links (all catalog items) it is redirecting to the same(Create incident) form

I have added target='_blank' attribute for anchor tag to open in new tab.

Please help me to solve this issue.

widget html code:

<sp-panel ng-if="c.data.valid" class="cxs_results_panel">

  <!-- VCR controls for results -->

  <div ng-if="c.data.results.length > 0" class="cxs_results_vcr row">

      <div class="col-md-9">

            {{form.results_header_text}}

      </div>

      <span class="cxs_results_vcr col-md-3 pull-right">

          <button name="vcr_first" data-nav="true" id="cxs_results_first" title="${First page}" class="btn btn-default btn-icon" ng-disabled="!isPreviousValid()" ng-click="firstPage()">

              <span class="glyphicon glyphicon-backward"></span>

          </button>

          <button name="vcr_back" data-nav="true" id="cxs_results_back" title="${Previous page}" class="btn btn-default btn-icon" ng-disabled="!isPreviousValid()" ng-click="previousPage()">

              <span class="glyphicon glyphicon-triangle-left"></span>

          </button>

          <div class="vcr_controls">

              <span class="list_row_number_input">

                  <span id="cxs_results_first_row">{{data.searchConfig.currentOffset + 1}}</span>

                  ${to}

                  <span id="cxs_results_last_row">{{data.searchConfig.end}}</span>

              </span>

          </div>

          <button name="vcr_next" data-nav="true" id="cxs_results_next" title="${Next page}" class="btn btn-default btn-icon" ng-disabled="!isNextValid()" ng-click="nextPage()">

              <span aria-hidden="true" class="glyphicon glyphicon-triangle-right"></span>

          </button>

      </span>

  </div>

  <!-- Handle Search Results -->

  <div ng-repeat="result in c.data.results" class="m-b row">

      <!-- Knowledge Articles -->

      <div ng-if="result.meta.source == 'knowledge'" class="cxs_result_container">

          <div class="row">

              <div class="cxs_result_title">

                <a href="{{result.meta.link}}" target='_blank'><span ng-bind-html="result.title"></span></a>

              </div>

              <div class="cxs_meta_row">

                  <span class="breadcrumbs">

                      <span>${Knowledge Base}: {{result.meta.knowledgeBase}}</span>

                      <span role="separator">|</span> <span>Category: {{result.meta.parentCategories.splice().reverse().join(' > ')}}</span>

                  </span>

              </div>

              <div class="cxs_meta_row">

                  <ul class="cxs_article_info">

                      <li><i class="glyphicon glyphicon-user"></i> ${Author}: {{result.meta.author}}</li>

                      <li><i class="glyphicon glyphicon-calendar"></i> ${Published}: {{result.meta.published}}</li>

                      <li><i class="fa fa-circle"></i>

                          <span class="rating_container">${Rating}:

                              <div data-ng-repeat="i in [1,2,3,4,5]" class="cxs_rating_readonly" aria-hidden="true">

                                  <span ng-if="result.meta.rating >= i" class='active-star'>&#9733;</span>

                                  <span ng-if="!(result.meta.rating >= i)" class='inactive-star'>&#9733;</span>

                              </div>

                          </span>

                      </li>

                  </ul>

              </div>

              <div class="cxs_result_snippet">

                  <span ng-bind-html="result.snippet"></span>

              </div>

          </div>

      </div>

      <!-- Service Catalog Items -->

      <div ng-if="result.meta.source == 'catalog'" class="cxs_result_container">  

          <div class="row">

              <div class="cxs_result_title">

                <a href="{{result.meta.link}}" target='_blank'><span ng-bind-html="result.title"></span></a>

              </div>

              <div class="cxs_result_snippet">

                  <span ng-bind-html="result.snippet"></span>

              </div>

              <div ng-if="!result.meta.preview" ng-init="result.meta.preview=false" class="cxs_result_preview">

                  <span ng-click="result.meta.preview=true">

                      <i class="fa fa-chevron-right"></i> ${upper_preview}

                  </span>

              </div>

              <div ng-if="result.meta.preview" class="cxs_result_preview">

                  <span ng-click="result.meta.preview=false">

                      <i class="fa fa-chevron-down" ></i> ${upper_preview}

                      <div class="cxs_result_content">

                          <div class="cxs_result_image col-md-3">

                              <img title="{{result.title}}" src="{{result.image.link}}" class="cxs_result_image" />

                          </div>

                          <div class="cxs_result_description col-md-9">

                              <span ng-bind-html="result.meta.description"></span>

                          </div>

                      </div>

                  </span>

              </div>

          </div>

      </div>

      <!-- Social Q and A -->

      <div ng-if="result.meta.source == 'social'" class="cxs_result_container">  

          <div class="row">

              <div class="cxs_result_content col-md-10">

                  <div class="cxs_result_title">

                      <a href="{{result.meta.link}}"><span ng-bind-html="result.title"></span></a>

                  </div>

                  <div class="cxs_meta_row">

                      <ul class="cxs_article_info">

                          <li>${Asked by}: {{result.meta.author}}</li>

                          <li><i class="fa fa-circle" aria-hidden="true"></i> {{result.meta.viewCount}} ${Views}</li>

                      </ul>

                  </div>

                  <div class="cxs_result_snippet">

                      <span ng-bind-html="result.snippet"></span>

                  </div>

              </div>

              <div class="cxs_result_image col-md-2">

                  <div class="question_stats_box">

                      <div class="side-box">

                          <div class="box" style="width: 47%;">

                              <div class="number-box">{{result.meta.votes}}</div>

                              <div class="text-box">${vote}</div>

                          </div>

                          <div class="box" style="width: 47%;">

                              <div class="number-box">{{result.meta.answerCount}}</div>

                              <div class="text-box">${Answer}</div>

                          </div>

                      </div>

                  </div>

              </div>

          </div>

      </div>

  </div>

  <div ng-if="(c.data.results.length == 0)">${No matching results found for '{{data.freetext}}'}</div>

</sp-panel>

Thanks and regards

Swamy

[amaradiswamy]

Hi Andrew,

Thank you !!

Regards

Swamy

[swarooptadepall]

Hi Amaradi Swamy,

Please provide the prb692368-workaround-sp-widget.xml file. From knowledge article not able to download.

Thanks

Swaroop

[amaradiswamy]

Hi Koti,

Please find the attachment

Regards

Swamy

[swarooptadepall]

Hi Amaradi Swamy,

Thank you very much.

Regards

Swaroop