Quantcast
Channel: Active questions tagged blazor - Stack Overflow
Viewing all articles
Browse latest Browse all 4839

How to inject/insert/install popper js in Blazor app

$
0
0

I am developing my first Blazor application. I used a Bootstrap 5 DropDown Button.

<div class="dropdown"><button type="button" title="Print" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown"><i class="bi bi-printer"></i></button><ul class="dropdown-menu"><li><button type="submit" id="print-1" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.Preview)">Preview</button></li><li><button type="submit" id="print-2" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.PDF)">PDF</button></li><li><button type="submit" id="print-3" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.Excel)">Excel</button></li><li><button type="submit" id="print-4" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.Word)">Word</button></li><li><button type="submit" id="print-5" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.HTML)">HTML</button></li></ul></div>

But the list of dropdown is not dropping as should be.After a long study. I realised that popper should be installed in the Blazor application.I have failed to install it after several attempts. like;

Copy a pooper.js file from web to location blazor app folder.

Add https://github.com/KristofferStrube/Blazor.Popper framework and

add

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"\>

But unfortunately I am failing to active the dropdown list.

what is the best and easiest way to solve this problem?

I am trying to install / inject / insert popper js in Blazor App in VS 2022 Community.


Viewing all articles
Browse latest Browse all 4839

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>