Scriptmanager alert not displaying properly in same page

Question

Scriptmanager alert not displaying properly in same page

BeUnique 2,332

I am doing some simple screen add functionality and after end of saving, i am using scriptmanager.RegisterStartupScript() for save message.

when i run the program, the alert have not been throwing properly.

it showing same page but, without controls like new page.

I want to show the alert in the same page without any control disturbing.

How to do this.

Accepted answer

2 additional answers

Your answer

Answer 1

Hi @Gani_tpt,

Scriptmanager alert not displaying properly in same page

I do not quite understand you. Don't you want to achieve something similar to Scriptmanager alerts?

I offer two methods that may help you.

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "alertMessage", "alert('Record Inserted Successfully')", true);

User's image

Or you can try using Bootstrap modal popups.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css' media="screen" />
 <script type="text/javascript" src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
 <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
    <script type="text/javascript">
    function ShowPopup(title, body) {
        $("#MyPopup .modal-title").html(title);
        $("#MyPopup .modal-body").html(body);
        $("#MyPopup").modal("show");
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="btnShowPopup" runat="server" Text="Show Popup" OnClick="ShowPopup"
    CssClass="btn btn-info btn-lg" />
        <!-- Modal Popup -->
        <div id="MyPopup" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title"></h4>
                        <button type="button" class="close" data-dismiss="modal">
                            &times;</button>
                    </div>
                    <div class="modal-body">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">
                            Close</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal Popup -->
    </form>
</body>
</html>

protected void ShowPopup(object sender, EventArgs e)
{
    string title = "Greetings";
    string body = "Data inserted successfully!!!";
    ClientScript.RegisterStartupScript(this.GetType(), "Popup", "ShowPopup('" + title + "', '" + body + "');", true);
}

User's image

Or you can simply use a Label control to display the information.

 <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
  <asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label>

 protected void Button1_Click(object sender, EventArgs e)
 {
     Label1.Text = "Record Inserted Successfully";                              
 }

User's image

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.

BeUnique 2,332 Reputation points

2024-04-30T09:18:42.75+00:00

Hi @Lan Huang-MSFT ,

Thanks for your reply and matching solution.

I have one doubt.

Do we have possible to load image in Bootstrap Modal popup when button click event..?
Lan Huang-MSFT 30,186 Reputation points Microsoft External Staff

2024-04-30T09:38:17.72+00:00

Hi @Gani_tpt,

Yes, I provided examples in two of your other articles.

https://learn.microsoft.com/en-us/answers/questions/1660899/how-to-view-show-image-from-file-server-path-on-bu

https://learn.microsoft.com/en-us/answers/questions/1657199/how-to-upload-file-and-view-those-file-in-modal-po
BeUnique 2,332 Reputation points

2024-04-30T10:11:40.3033333+00:00

Hi @Lan Huang-MSFT ,

Thanks for your link.

i need now for simple button click and open image through modal popup.

but, you are provided for gidview control.(This also will help..Thanks again).

can you pls seperate for single button click (not in gridview or group) and open image through modal popup....?

The main post of this...

I found the problem where it is and why the alert showing on next page (means post back)

i am using file upload control and to maintain the value of the file, i am using below code

</ContentTemplate>

<Triggers> <asp:PostBackTrigger ControlID="btnSave" /> </Triggers>

</asp:UpdatePanel>

if i remove the above <Trigger> code, then alert message will be displaying in the same page without disturbing anycontrol.

But, i am getting "null " file control value.

How to handle this...?
Bruce (SqlWork.com) 77,686 Reputation points Volunteer Moderator

2024-04-30T15:48:27.15+00:00

Because the update panel does support file uploads, you use the trigger to force a "real" postback. as this will not be an partial update, you need to make the re-render page look like the submit. you probably have dynamic controls, that you will need to recreate on postback.

browsers have good client support for uploading files. you could use javascript to upload the files, say when selected. but then I'd use ajax instead of update panels.

Answer 2

Michael Taylor 60,161

You have provided us no code so we have no way of really helping you here. Provide your load logic for your page, whatever logic you're trying to do in the script, any server side handlers that are responding to the script events or "save", etc. The more information you provide the easier it is to help you.

Note that startup scripts have to be inserted onto the page when it initially loads, not after a callback (which is how script manager works) IIRC. But without seeing your code it is hard to say. Ensure you have registered startup scripts as part of your page's load process and/or postback handling.

BeUnique 2,332 Reputation points

2024-04-30T10:04:34.82+00:00
Hi @Michael Taylor ,

Thanks for your reply.

I found the problem where it is.

i am using file upload control and to maintain the value of the file, i am using below code

</ContentTemplate>

<Triggers> <asp:PostBackTrigger ControlID="btnSave" /> </Triggers>

</asp:UpdatePanel>

if i remove the above <Trigger> code, then alert message will be displaying in the same page without disturbing anycontrol.

But, i am getting "null " file control value.

How to handle this...?
Bruce (SqlWork.com) 77,686 Reputation points Volunteer Moderator

2024-04-30T15:08:18.1166667+00:00

Update panels do not support file uploads, which is why you need the trigger.

Answer 3

Bruce (SqlWork.com) 77,686 Volunteer Moderator

your code is doing a browser submit, server process, browser pre-render the response. if all you put in the page built by submit event is the alert, then that's all that is there. you need to render the page with all the content along with the alert.

a common approach is to use javascript to:

ajax submit the form
display alert
redirect to next page (document.location = "...")

Share via

Scriptmanager alert not displaying properly in same page

2 additional answers

Your answer