How can ModalPopupExtender be stopped to show

Question

0.00/5 (No votes)

See more:

I have a ModalPopupExtender where I show a image of work in progress while printing a report.
I have to take some user input before the user click to show rpeort button.
A validation extender is used for the input validation.

How can I stop the popuop extender to show if the input is not valid?

Posted 26-Feb-11 23:07pm

BulbulAhmed

Updated 27-Feb-11 1:25am

Dalek Dave

v2

Add a Solution

Comments

Dalek Dave 27-Feb-11 7:25am

Edited for spelling and readability

3 solutions

Solution 1

If I understood the problem...

theres one way is to use two buttons.
1. Show Modal Popup( make it "display:none;" )
2. Show Report

On Click of 'show report' Validate accordingly and if input is valid, programatically click on 'show Modal Popup' button.

Posted 26-Feb-11 23:28pm

_Ashish

Solution 2

You must be showing your work in progress image on clicking of Show Report button. So you validate the input control from javascript before showing the work in progress image. You can validate by calling a inbulit function Page_ClientValidate() , if you are using any validation group then pass it in the function.
For details about validators, you can have a look at one of my articles Click here

Posted 26-Feb-11 23:33pm

Brij

Comments

[no name] 27-Feb-11 5:39am

I am using Validation controll

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Albin Abel · Accepted Answer · 2011-02-27T03:23:00

hi
you may like to try this example..

XML

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
 <asp:ScriptManager runat="server" ID="script1"></asp:ScriptManager>
 <script type="text/javascript">
     function showModalPopup() {
         if (document.getElementById("<%=TextBox2.ClientID %>").value == "") {
             alert("No of copies should not be blank");
             $find('popup1', null).hide();
         } else {
             $find('popup1', null).show();
         }
     }
 </script>
    <asp:Panel ID="Panel1" runat="server">
        <asp:Label ID="Label1" runat="server" Text="Ready To Print"></asp:Label>
        <asp:Button ID="Button1" runat="server"  Text="Start Printing" />
        <asp:Button ID="Button4" runat="server"  Text="Cancel" />
    </asp:Panel>

    <asp:Label ID="Label2" runat="server" Text="Enter No of Copies"></asp:Label>
    <asp:TextBox ID="TextBox2" runat="server" ValidationGroup="Test"></asp:TextBox>
    <input type="button" id="Button3" runat="server" onclick="showModalPopup();" value="Submit"   />
    <asp:ModalPopupExtender ID="Button2_ModalPopupExtender" runat="server"   BehaviorID="popup1"
        DynamicServicePath="" Enabled="True" TargetControlID="Button2"   PopupControlID="Panel1"
         CancelControlID="Button4" OkControlID="Button1" >
    </asp:ModalPopupExtender>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Runat="server" ValidationGroup="Test"
ErrorMessage="TextBox2 should not be blank" ControlToValidate="TextBox2"></asp:RequiredFieldValidator>
   <!-- Keep this control at the last to hide it    -->
    <asp:Button ID="Button2" runat="server"  Text="" ValidationGroup="Test" style="margin-left:-15000px"   />

</asp:Content>