typically you use an absolutely positioned div with a z-index. this is often called a modal dialog. there are a lot of javascript libraries to implement this. just google.
ASP.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today. Learn more >
I already set the z-index to 999, but it seems sometime it is not on the top of the page, sometime, it can show on the top , why?<br>
how to set to ensure it can show on top to cover the page in all situations ?
What do you have used to popup up message?I suggest you could use dialog and it could set position: { my: "center", at: "top", of: window } to show it in the top.Or you could set css style.
Could you post your codes to us?It will help us to solve your problem.
Best regards,
Yijing Sun
ASP.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today. Learn more >
Member
1 Points
102 Posts
pop up message
Aug 06, 2020 03:01 PM|20141113|LINK
All-Star
58464 Points
15779 Posts
Re: pop up message
Aug 06, 2020 03:18 PM|bruce (sqlwork.com)|LINK
typically you use an absolutely positioned div with a z-index. this is often called a modal dialog. there are a lot of javascript libraries to implement this. just google.
https://jqueryhouse.com/30-best-jquery-modal-dialog-boxes/
Participant
1091 Points
673 Posts
Re: pop up message
Aug 06, 2020 04:45 PM|jzero|LINK
Try SweetAlert2 https://sweetalert2.github.io/
Contributor
4020 Points
1566 Posts
Re: pop up message
Aug 07, 2020 03:13 AM|yij sun|LINK
Hi 20141113,
Accroding to your description,I suggest you could use dialog.
Since you don't post your codes to us,I have created a demo.
More details,you could refer to below codes:
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" /> <script> $(function () { $("#dialog").dialog({ autoOpen: false, dialogClass: 'dialog_fixed,ui-widget-header', modal: true, height: 600, width: 1000, position: { my: "center", at: "top", of: window }, draggable: true, close: function (ev, ui) { $(this).hide(); }, buttons: { "Ok": function () { $(this).dialog("close"); } } }); $('.button').click(function () { $('#dialog').dialog('open'); }) }); </script> <div> <div id="dialog" title="Basic dialog"> <p>Dialog box</p> </div> <a href="#" class="button">The button</a> </div>Result:
Best regards,
Yijing Sun
Member
1 Points
102 Posts
Re: pop up message
Aug 07, 2020 04:28 AM|20141113|LINK
I already set the z-index to 999, but it seems sometime it is not on the top of the page, sometime, it can show on the top , why?<br>
how to set to ensure it can show on top to cover the page in all situations ?
Contributor
4020 Points
1566 Posts
Re: pop up message
Aug 07, 2020 08:48 AM|yij sun|LINK
Hi 20141113,
What do you have used to popup up message?I suggest you could use dialog and it could set position: { my: "center", at: "top", of: window } to show it in the top.Or you could set css style.
Could you post your codes to us?It will help us to solve your problem.
Best regards,
Yijing Sun