Display or hide ModalPopupExtender based on client-site conditions

Dmitriy · August 19th, 2009, 02:11 PM

Hello,

I am trying to show the ModalPopup message box using ModalPopupExtender with some information by clicking the button (let's say Submit button) on the content form. This form has the client-site function which is checking input boxes on the form after this Submit button has been pressed, and if something wrong, it shows an appropriate client-site [FONT='Arial','sans-serif']Message[/FONT]. The problems: after this [FONT='Arial','sans-serif']Message[/FONT] has been dismissed, my ModalPopupExtender message is showing up anyway. How to avoid this situation? Any suggestions or directions will be appreciated.

Thanks in advance,
[FONT='Calibri','sans-serif']Dmitriy [/FONT]

alliancejhall · August 20th, 2009, 12:42 PM

I believe you just need to return false; on your client side script which will stop the transaction...

Post your client side script and we can know for sure.

Dmitriy · August 20th, 2009, 12:46 PM

I did that in my script before, but it did not work.

alliancejhall · August 20th, 2009, 12:47 PM

Post your code so we can see what you have now?

Dmitriy · August 20th, 2009, 01:03 PM

I've solved my problem using different approach. Instead of showing the ModalPopup message box after pressing "Submit" button, I've created "dummy" link-button (not visible of course) and assigned TargetControlID property to this "dummy" button. "Show/Hide" message action I am controlling from inside my code-behind.
This is the script:

Code:

<styletype="text/css">
.noDisplay
{
display: none;
}
</style>

<divID="divModalPopup">
<cc1:ModalPopupExtenderID="ModalPopupExtender2"runat="server"
TargetControlID="dummy"
PopupControlID="Panel13"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OKButton">
</cc1:ModalPopupExtender>
<asp:LinkButtonrunat="server"ID="dummy"CssClass="noDisplay"Text="Click me..."/>
<asp:PanelID="Panel13"runat="server"CssClass="modalPopup"Style="display: none"Width="270px"BorderStyle="Double"ScrollBars="Auto">
<br/>
<tablestyle="width: 100%;"bgcolor="#79A9B9"cols="2"align="center"
cellpadding="2"cellspacing="2"border="2"bordercolor="olive">
<tr>
<tdalign="center">
<b>Attention User!</b>
</td>
</tr>
<tr>
<tdalign="center">
Your request has been submitted. Please make a note of the job information for your records.
</td>
</tr>
</table>
<br/>
<divalign="center">
<asp:ButtonID="OKButton"runat="server"Text="OK"/>
</div>
</asp:Panel>
<br/>
</div>

Thanks for consideration and responding
-Dmitriy

alliancejhall · August 20th, 2009, 01:04 PM

Good for you!