[Bug] Modal does not show
See original GitHub issueI am using Blazor Serverside. Objective of the code is to display wait message
In button clicked i the following code
Blazored.Modal.ModalReference modalRef = null;
var myoptions = new Blazored.Modal.ModalOptions()
{
// Class = "blazored-modal-movies",
HideCloseButton = false,
DisableBackgroundCancel = true,
Position = Blazored.Modal.ModalPosition.Center // "blazored-modal-bottomleft" // blazored-modal-center, blazored-modal-topleft, blazored-modal-topright, blazored-modal-bottomleft and blazored-modal-bottomright.
};
var myparameters = new Blazored.Modal.ModalParameters();
myparameters.Add("ModalMessage", "Please wiaiting...........");
modalRef = modal.Show<mySite.Pages.ModalDialog>("Processing..", myparameters, myoptions);
In between this is my code that takes a while
modalRef.Close();
for me the Modal dialog does never shows up. the only other thing is that my button click is not async.
Issue Analytics
- State:
- Created 3 years ago
- Comments:22 (10 by maintainers)
Top Results From Across the Web
Bootstrap modal not displaying
to check, Go to your modal fade class on browser and then check if there is any custom file comes on top. such...
Read more >Modal not showing 5.7 - Bug Reports
I make a button to open the modal when i click the button modal not showing on preview . The only way i...
Read more >[4.0][Known Bug] Modals won't show correctly in v4 #2187
Solution 1: Use JS/Blade to push your view to a stack the before_scripts / after_scripts stack. That way your .modal will be directly...
Read more >modal('show') after a modal('hide') doesn't work · Issue #3902
This is because the modal('hide') function triggers an event to hide the modal, which takes some time to complete. If you immediately call...
Read more >[Solved] Modal doesn't show bootstrap
I create a page, with modals, and no of them doesn't show, I think JavaScript is wrong, but when I inspect code, seems...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
That’s interesting, thanks for letting me know - I’ve done the same my end and everything still displays as expected. I can’t really do anything if I can’t replicate the problem though 😦 We’ll just have to see if it comes up for anyone else and deal with it then.
@kiwiingenuity You shouldn’t copy the CSS into your app as if/when we make any changes you will not receive them and it could possibly break your app or at least cause strange errors.
Blazor allows developers to use static assets from NuGet packages by exposing them via the
_content
location. You can think of this as a sort of virtual folder in your published app. You can reference assets from any third party library using a naming convention of_content/[package name]/[asset name]
. So for Blazored Models CSS it is_content/Blazored.Model/blazored-model.css
.