How I can open popup window without using Windows MessageBox?

Question

The MessageBox below shows the alert in local (Visual Studio) but not on a server call. Is there a JavaScript, MVC Controller or ASP.NET form popup windows I can use on the server ?

if (helperClass.IsTheUserExist(Employee.Email, Employee.ID))
{ helperClass.UpdateUserInformation(Employee.Email, Employee.ID); }
else
  {
    MessageBox.Show ("Please, update your account");
  } 

Answer 1

Is there a JavaScript, MVC Controller or ASP.NET form popup windows I can use on the server?

The easiest thing to do is return a View that shows the message.

[HttpGet]
public ActionResult Index()
{
    ViewBag.Message = "Please, update your account";
    return View();
}

The view checks if there is a message. If the message exists, then the view shows the message.

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
<div>
    @if (ViewBag.Message != null)
    {
        <div class="alert alert-danger" role="alert">
            @ViewBag.Message
        </div>
    }
</div>

The same concept applies to a popup or modal. The different is rather than writing dynamic HTML you'll write dynamic JavaScript.

Answer 2

the javascript equivalent to a message box is the alert() and confirm() functions. you can also use a javascript and bootstrap like above, or pure javascript:

https://www.w3schools.com/howto/howto_js_popup.asp

the issue you face common to all solutions, is you can not call the message box from the server, you set a flag, so that the html/javascript code is included in the produced html. when the browser loads the response html, it will display the messagebox.

Answer 3

Another choice is sweetalert. Simple

Swal.fire("Please update your accoun");

More control

function messageBox() {
    (async () => {

        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-primary'
            },
            buttonsStyling: false
        });

        swalWithBootstrapButtons.fire({
            title: 'Information',
            html: "<strong>Please update your account</strong>",
            confirmButtonText: 'OK',
            allowOutsideClick: false,
        }).then((result) => {
            if (result.isConfirmed) {
                // do nothing
            } 
        });
    })();
};

Answer 4

Hi @OneWorld,

Based on the code you provided, you should want to implement the MessageBox in MVC.

You can try the code below.

<script src="~/Scripts/jquery-3.7.1.min.js"></script>
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog err-pop" style="">
        <div class="modal-content">
            <div class="modal-header">
                <button id="DivClose" type="button" class="close" data-bs-dismiss="modal" aria-label="Close">&times;</button>
            </div>
            <div class="modal-body" style="text-align:center;">
                <p style="color: red;">@TempData["ProcessMessage"]</p>
            </div>
        </div>
    </div>
</div>
@if (TempData["message"] != null)
{
    var modal = TempData["message"].ToString();
    <script type='text/javascript'>
        $(document).ready(function(){
            $('#@modal').modal('show');
        });
    </script>
}

public ActionResult Test4()
 {
     TempData["ProcessMessage"] = "Please, update your account";
     TempData["message"] = "myModal";
     return View();
 }

System.InvalidOperationException: 'The RouteData must contain an item named 'action' with a non-empty string value.

you need to add route data. Exception tell you everything.

var routeData = new RouteData() ;
routeData.Values.Add("Controller", "Home");
routeData.Values.Add("Action", "Index");

Best regards,
Lan Huang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.