popup control

KaranGuptaAsked:
Who is Participating?
 
tetorvikConnect With a Mentor Commented:
the main screen should be grayed by default. see the sample from http://www.asp.net/ajax/ajaxcontroltoolkit/samples/modalpopup/modalpopup.aspx
once clicking the link "Click here to change the paragraph style" it opens a modal popup and there is no way to click other screen elements before the modal dialog is closed.

You can also download ajax control toolkit with source code and samples (http://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=16488).  There you can see for example how the link above is implemented.  
0
 
tetorvikCommented:
You can use popupControl.Show(); or popupControl.Hide(); to control popup control visibility on server-side. You can do the same with javascript with popupControl.show(); or popupControl.hide();
0
 
KaranGuptaAuthor Commented:
Hi

I have used following code(code in code section)

But I didn't see anything like

Show() or Hide() in code behind
<asp:TextBox ID="txtDatabaseEntry" runat="server"></asp:TextBox>    
    <asp:Panel ID="loginPanel" runat="server" Style="display: none">
        <asp:Login ID="LoginCtrl" runat="server" FailureText="Identifiant incorrect ! Essayez ? nouveau..."
            LoginButtonText="Login" PasswordLabelText="Password" PasswordRequiredErrorMessage="Le mot de passe est requis."
            RememberMeText="Remember Me" TitleText="S'identifier"
            UserNameLabelText="User Name" UserNameRequiredErrorMessage="L'email est requis."
            CreateUserText="S'enregistrer" CreateUserUrl="/Register.aspx" PasswordRecoveryText="Mot de passe oubli? ?"
            PasswordRecoveryUrl="/PasswordRecovery.aspx" />
    </asp:Panel>
    <ajaxToolkit:PopupControlExtender ID="PopEx" runat="server" TargetControlID="txtDatabaseEntry"
        PopupControlID="loginPanel" Position="Left" />

Open in new window

0
Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

 
tetorvikCommented:
If there is no specifig condition to check prior opening/closing the popup you can use:

TargetControlID - The ID of the element that activates the modal popup  (for example login loginHyperLink like in your example)
CancelControlID - The ID of the element that cancels the modal popup



<ajaxToolkit:PopupControlExtender ID="PopEx" runat="server" TargetControlID="loginHyperLink"
        PopupControlID="loginPanel" Position="Left" CancelControlID="cancelButton" />

Open in new window

0
 
tetorvikCommented:
PopEx.Show(); and PopEx.Hide(); should exits on you page / user control that contains the PopupControlExtender control .
0
 
KaranGuptaAuthor Commented:
Hi

It is necessary to put popup extender in the <asp:updatepanel

because I am getting an error

"The control with ID 'PopEx' requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it.
"
0
 
tetorvikCommented:
To enable ASP.NET Ajax in general on your page you'll need to have <asp:ScriptManager ID="ScriptManager1" runat="server" /> on your page.
You can use popup control without updatepanel, but the scriptmanager is required.
0
 
KaranGuptaAuthor Commented:
Hi

I have used script manager now it is working

but still I don't find show method

can you help me with that
0
 
tetorvikCommented:
Can you  post your aspx and aspx.cs file?
Do you see your PopEx in code-behind at all?
0
 
KaranGuptaAuthor Commented:
Hi

It is working fine now

by using Modalpopup extender

but when the modal popupextender opens
I can still click on the buttons of the webpage behind the pop up control

Is there any way to disable them
0
 
tetorvikCommented:
it should be modal by default. are you using frames?
0
 
KaranGuptaAuthor Commented:
No I am not using frames

Can we disable the Previous background

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.