Client Portal Feedback
Client Portal Feedback

Overview

Copy the following code and paste it into a separate file. You can make it a component. This page contains three-view post feedback, last feedback, and delete feedback. Post feedback uses to add new feedback while in the last feedback view you can see the last feedback post.

Related Topic

Ticket Cancel Ticket & Route

<div class = "row my-3" >

<div class = "col-md-12 p-0" >

<ul class = "nav justify" >

<li class = "nav-item p-1" >

<a id = "home_feedback_link" class = "nav-link" href = "#"><i class = "fa fa-home" aria-hidden = "true" > </i> </a>

</li>

<li class = "nav-item" >

<a id = "post_feedback_link" class = "nav-link" href = "#" > Post Feedback </a>

</li>

<li class = "nav-item" >

<a id = "last_feedback_link" class = "nav-link" href = "#" > Last Feedback </a>

</li>

<li class = "nav-item" >

<a id = "delete_feedback_link" class = "nav-link" href = "#"> Delete Feedback </a>

</li>

</ul>

</div>

<div class = "col-md-12 p-0 my-3" >

<div class = "card" >

<div class = "card-header" >

<strong id = "feedback_header_text" > </strong>

</div>

</div>

</div>

<div id = "home_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" > Home Feedback </div>

</div>

</div>

<div id = "post_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" >

<div class = "row" >

<div class = "col-md-6" >

<div class = "form-group" >

<label for = "feedback_email" > Enter email </label>

<input id = "feedback_email" class = "form-control" type = "email" name = "" >

</div>

</div>

<div class = "col-md-6" > validation </div>

<div class = "col-md-6" >

<div class = "form-group" >

<label for = "feedback_email" > Feedback </label>

<textarea class = "form-control" name = "" id = "feedback_email"

rows = "10" > </textarea>

</div>

</div>

<div class = "col-md-6" > validation </div>

<div class = "col-md-6" >

<button class = "btn btn-success w-25 float-right" > Send </button>

</div>

</div>

</div>

</div>

</div>

<div id = "last_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" >

<table class = "table table-hover border" >

<thead>

<td class = "w-25 border" > # </td>

<td class = "w-75 border"> Feedback </td>

</thead>

<tbody>

<tr>

<td class = "w-25 border" > </td>

<td class = "w-75 border" > </td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

<div id = "delete_feedback_panel" class = "col-md-12 my-3 p-0" >

<div class = "card" >

<div class = "card-body" >

<div class = "card" >

<div class = "card-body" >

<p class = "card-text" > Feedback Text </p>

</div>

<div class = "card-footer" >

<i class = "fa fa-trash float-right text-red-400" aria-hidden = "true" > </i>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

 Output:





Delete Feedback Collapse View

Delete Feedback View
Delete Feedback View

Feedback Collapse View
Feedback Collapse View

Post Feedback View
Post Feedback View

Feedback View
Feedback View

Last Feedback Collapse View
Last Feedback Collapse View

Last Feedback View
Last Feedback View