mosh-hamedani / vidly-mvc-5

955 stars 1.53k forks source link

bootbox.confirm not showing #63

Open devahmedalayat opened 5 years ago

Chandukunbi commented 5 years ago

Have you solved this issue?

errazki1995 commented 5 years ago

did you add the package ?

blazsi commented 4 years ago

<package id="jQuery" version="1.10.2"

I have these package instaled but still doesn t show delete confirm box...

kentlhastings commented 4 years ago

Was this ever solved? I'm having the exact same problem. I can see in the Chrome developer tools that the modal confirm box is being called, but it never shows up on the screen. I've copied Mosh's code as well. Any help would be greatly appreciated.

rcdefazio commented 4 years ago

PROBLEM FIXED

I was having the same problem. Bootbox seemed not to work. I am using Visual Studio 2019 community edition. The version of bootstrap that is automatically installed when creating a MVC application is verison 3.4.1. The version of bootbox that was loaded for this lesson was 4.3.0. According to the Bootbox.js website, these versions are compatible, but there is a newer version available, so I installed it in the project. Its version is 5.4.0, and it is supposed to be retroactively compatible with version 3.x.x of bootstrap. Nevertheless, after using Mosh's own code, the bootbox.confirm() window would not show up on the screen.

I traced the problem down to bootstrap-lumen.css. Simply change the Content/css part of the BundleConfig.cs file by replacing "bootstrap-lumen.css" with "bootstrap.css". Another thing that happens when you make this change is that you can suddenly see the Register and Login menu options on the far right top of the screen. These items appear in _NavBar.cshtml in the ~/Views/Shared folder, but while using the bootstrap-lumen.css stylesheet, they were completely invisible.

I then updated the bootstrap.css, bootstrap.min.css, bootstrap.css.map, bootstrap.min.css.map, bootstrap.js, and bootstrap.min.js files to their most recent versions, thinking that I could then keep the bootstrap-lumen theme. I tried it again with the new files, and I found once again that the bootstrap-lumen.css file was the problem.

More generally, I found that bootstrap themes that one downloads from bootwatch.com, which is where bootstrap-lumen.css came from, don't work with bootbox. In essence, you get what you pay for. Themes from the official bootstrap website cost $49 per theme. The ones from bootwatch are free, but in this case they don't always work as expected. Personally, I would rather buy something that is assured to work than to get something that doesn't make the grade.

RicardoBritoBrens commented 3 years ago

Hello friends

For anyone still having this issue, i just solved by updating the version of bootstrap through nuget package from 3.4.1. which is the default that came with the Visual Studio 2019 to 4.5.3, now i can use bootstrap.css even bootstrap-lumen.css and still working.

I Hope this can help

Best regards