HI Service Portal (HI Help and Feedback) Floating buttons

Michael160
Kilo Expert

Does anyone know how HI support is doing this on their Service Portal?  These buttons that follow me on their Portal.  I can click on feedback and complete a survey.  I would like to do this on our service portal.

find_real_file.png

1 ACCEPTED SOLUTION

Michael,


Sorry for a late reply.



You can define it almost anywhere. On a widget level, page, etc



There are two parts that have to have a matching ID. First is on the <button> element and second on a modal (check red highlight)


You chose ID name, but they have to match. If you have more them one modal, you have to have more unique IDs



<!-- Buttons trigger modal -->


<div class="sticky-btn">


      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Feedback">Feedback</button>


      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Help">Help</button>


</div>



<!-- Feedback Modal -->


<div class="modal fade" id="Feedback" tabindex="-1" role="dialog" aria-labelledby="Feedback">


  <div class="modal-dialog" role="document">


      <div class="modal-content">


          <div class="modal-header">


              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>


              <h4 class="modal-title" id="myModalLabel">Feedback</h4>


          </div>


          <div class="modal-body">


              ...


          </div>


          <div class="modal-footer">


              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>


              <button type="button" class="btn btn-primary">Submit</button>


          </div>


      </div>


  </div>


</div>



Hope this helps


View solution in original post

36 REPLIES 36

That is great Danny! Let me know if you find anything that could be improved 🙂


Will do. I set this live earlier today so eagerly awaiting some responses.



I've also created some scheduled reports off the back of the data to land in the mailbox of those responsible for reacting to the feedback so all in all a great way to gather that useful data in a simple and automated way.



Cheers again


Lasse,



I also have downloaded and try the "Automize Feedback" share. It is very nice, thanks.



A question. I would like to include it on every page of my SP, but I really do not want to modify every portal page. I tied including it in the footer and that works but the feature to capture the page URL does not work. I guess because the footer is not reload on each page update.



Is there a better place to   include this "feedback" widget to get it on every page? Any suggestions?



Thanks Dean


Hi Dean,



Thank you for the feedback!



I am able to reproduce this error and will investigate to find a solution. Including it in the footer should be the way forward, so you are not doing anything wrong 🙂



Kind regards


Lasse


Hi Dean,



I have found the issue and corrected the bug so that the URL now updates correctly after a page change when the widget is embedded. The updated version has been submitted to ServiceNow for certification and I expect that it will be published to the store later this week.



Kind regards


Lasse