How to customize Knowledge feedback

Jyoti Tripathi
Giga Guru

In Knowledge feedback, how to change from radio button selection to check box selection-

find_real_file.png

3 REPLIES 3

Ct111
Giga Sage

Hello , Incase of changing messages of Thank you for the feedback , two places are touched " UI macro "and "widget" .

Chk this link for more details :

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0825404

Try to find these questions radio in that widget or in the angular template which is present in the widget at bottom in related list.

Mark my Answer as CORRECT and Helpful if it helps

Hi,

Thankyou for your help, i tried to do the changes but now its selecting all the option when i try to select anyone option

find_real_file.png

 

Angular template- kb-feedback-task-modal

<div class="feedback-modal" ng-class="c.isMobile ? 'kb-mobile' : 'panel panel-default kb-desktop'" role="dialog" aria-label="${Feedback}" aria-modal="true" aria-describedby="feedbackDesc">
<div class="modal-header">
<h4 id="flagTitle" class="modal-title">{{data.messages.THANKYOU_FEEDBACK}}</h4>
<button type="button" class="close" data-dismiss="modal" ng-click="c.closeTaskPopup($event)" aria-label="{{data.messages.CLOSE}}" ><i class="fa fa-times" aria-hidden="true"></i></button>
</div>
<div class="modal-body">
<div class="row row-div row-bottom-padding">
<span id="feedbackDesc">{{data.messages.ADDTIONAL_DETAILS}}</span>
</div>
<div class="row row-div">
<div class="type-multiple_choice">
<fieldset class="radio ng-scope" id="radioBtnGrp" role="radiogroup">
<legend aria-label="Please select your reason">{{data.messages.REASON}}</legend>
<label ng-repeat="res in c.reasons" for="kb_reason_{{$index}}" class="modal-radio" ng-keydown="c.selectReason($event, this)">
<div class="inline">
<input type="checkbox" aria-checked="{{res.reason_id == c.data.reason}}" name="reason" ng-model="::data.reason" id="kb_reason_{{$index}}" value="{{res.reason_id}}" />
<span></span>
</div>
<div class="inline reason-label">
{{res.reason_desc}}
</div>
</label>
</fieldset>
</div>
</div>
<div class="row row-div">
<label for="detailsComment">{{data.messages.DETAILS}}</label>
<textarea placeholder="{{data.messages.Details}}" ng-model="::data.details" class="form-control resize" rows="3" id="detailsComment"></textarea>
</div>
<div role="alert" aria-live="assertive" class="alert-danger" ng-shown="!c.flagMessage">{{c.flagMessage}}</div>
<div class="row button-div">
<button type="button" class="btn btn-default btn-pad" data-dismiss="modal" ng-click="c.closePopup()" aria-label="{{data.messages.NO_THANKS}}">{{data.messages.NO_THANKS}}</button>
<button type="button" ng-disabled="!data.reason" class="btn btn-primary " aria-label="{{data.messages.SUBMIT}}" id="feedbackTask_submitBtn" data-dismiss="modal" ng-click="c.submitFeedbackTask()">{{data.messages.SUBMIT}}</button>
</div>
</div>
</div>

 

Hi Jyoti, Check this link and do modifications to your code accordingly. https://stackoverflow.com/questions/279421/can-you-style-an-html-radio-button-to-look-like-a-checkbox