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

Chuck Tomasi
Tera Patron

wagnernow may have some insight.


I will be there.   I guess I have to wait for Jakarta 🙂


This is something that HI developed, so you won't see it in the platform in Jakarta. Hopefully our developer will be able to point you in the right direction.


teenasingh This is something you just improved. jesse.williams did the dev work, I believe? Can you provide some insight on this?