# GrapeCity.ActiveReports.Blazor.Viewer.ReportViewer.Render

## Content

<div class="doc-site-dotnet-api-container">



<h1 id="GrapeCity_ActiveReports_Blazor_Viewer_ReportViewer_Render_" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ReportViewer.Render*">Render Method
</h1>
<div class="markdown level0 summary"></div>
<div class="markdown level0 conceptual"></div>



<a id="GrapeCity_ActiveReports_Blazor_Viewer_ReportViewer_Render_" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ReportViewer.Render*"></a>
<h4 id="GrapeCity_ActiveReports_Blazor_Viewer_ReportViewer_Render_Microsoft_JSInterop_IJSRuntime_System_String_GrapeCity_ActiveReports_Blazor_Viewer_InitializationOptions_" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ReportViewer.Render(Microsoft.JSInterop.IJSRuntime,System.String,GrapeCity.ActiveReports.Blazor.Viewer.InitializationOptions)">Render(IJSRuntime, string, InitializationOptions)</h4>
<div class="markdown level1 summary"><p>Renders the viewer to an element.</p>
</div>
<div class="markdown level1 conceptual"></div>
<h5 class="declaration">Declaration</h5>
<div class="codewrapper">
  <pre><code class="lang-csharp hljs">public Task Render(IJSRuntime jSRuntime, string element, InitializationOptions options)</code></pre>
</div>
<h5 class="parameters">Parameters</h5>
<table class="table table-bordered table-condensed">
  <thead>
    <tr>
      <th>Type</th>
      <th>Name</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.jsinterop.ijsruntime">IJSRuntime</a></td>
      <td><span class="parametername">jSRuntime</span></td>
      <td><p>The JavaScript runtime instance used to interact with JavaScript functions.</p>
</td>
    </tr>
    <tr>
      <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">string</a></td>
      <td><span class="parametername">element</span></td>
      <td><p>The ID of the HTML element where the viewer will be rendered.</p>
</td>
    </tr>
    <tr>
      <td><a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.InitializationOptions.html">InitializationOptions</a></td>
      <td><span class="parametername">options</span></td>
      <td><p>The initialization options used to configure the viewer.</p>
</td>
    </tr>
  </tbody>
</table>
<h5 class="returns">Returns</h5>
<table class="table table-bordered table-condensed">
  <thead>
    <tr>
      <th>Type</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.threading.tasks.task">Task</a></td>
      <td><p>A task that represents the asynchronous operation of rendering the viewer.</p>
</td>
    </tr>
  </tbody>
</table>
</div>