I want to add Feedback widget in Service Portal

[sreedhanvi]

Hi,

I am working on setting up a feedback button on the Service Portal with on-click, show a Pop-up box with a custom made Survey on it. Please find Below screen shot and suggest me for development. 

[Mark Manders]

Where are you stuck? What have you already created and where do you need assistance? 

[sreedhanvi]

 I created one widget Upon clicking on it the survey is getting opened in a new window but i want it to be opened as a pop-up box Like below screen shot.

Body HTML

<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=a259f6969f3220100d74d46d842e702a" target="_blank" >
<i class="sn-icon sn-icon-feedback"><img src="feedback_hisp_icon.png" width="40" height="40" role="presentation"></i></a>

</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);
}