title: Rendering PartialView in Bootstrap Popover
body: <p>I am rendering a Partialview as HTML string into a popover and I want to get an advice from you guys to ensure if my approach is correct </p>
  
  <p>I have the following simple code</p>
  
  <pre><code>&lt;button class="btn-link" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="bottom" data-content="@Html.Partial("_Reminder").ToHtmlString()"&gt;&lt;span class="badge badge-danger"&gt;&lt;i class="fa fa-shield"&gt;&lt;/i&gt; Unsecured&lt;/span&gt;&lt;/button&gt;    
  </code></pre>
  
  <p>The partial view I am rendering is the following </p>
  
  <pre><code>    Reminder me : 
   &lt;button class="btn btn-link glyphicon glyphicon-time" title="Tomorrow"&gt;&lt;/button&gt; 
      &lt;button class="btn btn-link glyphicon glyphicon-calendar" title="In 1 Week"&gt;&lt;/button&gt;  
      &lt;button class="btn btn-link glyphicon glyphicon-check" title="In 1 Month"&gt;&lt;/button&gt; 
  </code></pre>
  
  <p>Result is pretty impressive but i am not sure if this is the right way to do that where i don't want a MODEL Popup and also i want to render this partial view right at the top of each item when clicked</p>
  
  <p>Results are the following </p>
  
  <p><a href="https://i.stack.imgur.com/mPiJJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mPiJJ.png" alt="enter image description here"></a></p>
  
  <p>But is there a better way to deal with this? </p>
  
  <p>Also, I will have to Pass an ITEM ID to the partial view, therefore, i was thinking to use <code>@{Html.RenderAction("ViewReminder", "Home", new { ID = 1 }); }</code> instead of <code>@Html.Partial("_Reminder").ToHtmlString()</code></p>
  
  <p>Please advise </p>