General Use case: How to add portal feedback similar to HI portal.
My use case: How to add portal feedback button similar to HI portal and link it to the survey.
I have found many posts on how should I add portal feedback similar to HI portal. Thanks to "stefanpetrovic" for this post on how to add feedback button anywhere on the service portal.
https://community.servicenow.com/community?id=community_user_profile&user=e0d11eeddb981fc09c9ffb651f961973
There is also a free app and code available on the store which provides this functionality.
Automize Service Portal Feedback. Thanks to respective team for their work and sharing the app.
HI Portal example:
onclick it will open the respective survey and create the survey instance.
connection to take survey and survey sys_id.
example: ?id=take_survey&type_id=sys_id
<div class="floating-panel ng-scope">
<ul class="floating-icons">
<a class="btn btn-primary frame-right" data-toggle="tooltip" data-trigger="hover" data-placement="left" title="" data-original-title="Portal Feedback" href=" ?id=take_survey&type_id=51313a2b0b80330094396c2367673a82" target="_blank" >
<i class="sn-icon sn-icon-feedback"><img src="feedback_hisp_icon.png" width="40" height="40" role="presentation"></i></a>
</ul>
</div>
CSS
.frame-right {
position: fixed;
margin: 0px;
padding: 8px 0px 9px 0px;
width: 60px;
z-index: 100;
right: 0px;
font-size: 20px;
text-align: center;
font-weight: thin;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
top: calc(100%/2);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
