Modal Popup Offset in website with Master Page

Hi.

I am using the Atlas modal popup tool in my website. However, the popup covers only the ContentPlaceHolder tag area and the other parts of the Master Page, namely the header and the leftcolumn (where I have menu options) are not covered. Curiously, the alpha filter seems to be offset by the area of the header and the leftcolumn. This really has me stumped. Any help would be deeply appreciated.

I am using tables to align my controls, but removing the Panel that is displayed as the modal popup from the table and placing it below the table seems to have no affect.

Thanks!

I think you'll findthis thread helpful.
Thanks for the link. It was helpful and I was able to sort my problem. The problem was that one of the div tags that wraps around all my content had the position set to "relative". A very basic error I guess, but I am a beginner after all!! Thanks again for the reply and link.

Modal window with update panel stops working after its shown and hidden once

I'm having some trouble with the modal window tool. It behaves perfectly the first time i show it, and the first time I hide it, then although the updatepanel postback behaviour still works (and the text field in the example below is still updated) the modal window doesn't fire the onOkScript or hide as it does the firsttime.

Does anyone have any ideas?

<div><asp:LinkButtonID="lbCommunityProfile"runat="server">Community Profile</asp:LinkButton></div><atlas:UpdatePanelID="updatePanel2"runat="server"Mode="Always"><ContentTemplate><asp:LabelID="lTest"runat="server"Text="NoneSet"></asp:Label></ContentTemplate></atlas:UpdatePanel><atlasToolkit:ModalPopupExtenderID="ModalPopupExtender1"runat="server"><atlasToolkit:ModalPopupPropertiesTargetControlID="lbCommunityProfile"PopupControlID="Panel1"BackgroundCssClass="modalBackground"DropShadow="true"OkControlID="OkButton"onOkScript="__doPostBack('ctl00$ContentPlaceHolder$lbCommunityProfile','');alert('go');"CancelControlID="CancelButton"/></atlasToolkit:ModalPopupExtender><asp:PanelID="Panel1"CssClass="modalPopup"runat="server"><atlas:UpdatePanelID="updatePanel1"runat="server"Mode="Conditional"><ContentTemplate>

This is panel 1

<asp:TextBoxID="tbTest"runat="server"></asp:TextBox><asp:ButtonID="OkButton"runat="server"Text="OK"OnClick="OkButton_Click"UseSubmitBehavior="false"></asp:Button><asp:ButtonID="CancelButton"runat="server"Text="Cancel"></asp:Button></ContentTemplate></atlas:UpdatePanel></asp:Panel>

and in the aspx.cs file

protectedvoid OkButton_Click(object sender,EventArgs e)

{

string str = tbTest.Text;

lTest.Text =

"set" + tbTest.Text +"end";

}

Also just wondering what the javascript is to close a modal window. I understand you can use the ok and cancel buttons. I'd like to have a x in the top right of my window and have that close.

Is this with the June CTP of Atlas?
yes the most recent ctp

yes the july ctp

The June CTP is currently (this may change very soon) the most recent Atlas release. It has a problem whereby UpdatePanel updates under Firefox break all extenders. It sounds like you're hitting this problem. Atlas is aware of it and should have a new release out soon to correct the problem. Thanks for your patience!

Just wondering if any progress has been made on this topic?

The July CTP of Atlas fixes the problem mentioned above.
I am experiencing this problem with the July CTP. Appears to notnecessarilybe fixed. I've got a lot of other things goin on in the same page... I'm going to try and issolate the issue.

ModalPopup

hi guys,

I copied the tool kit dll and I tried the modal popup. I made it work but the modal window is displayed somewhere on the right hand side corner and only cancel button is visible. How can I make it to be displayed in the center?

Second, how can I make the window to be disabled when the poup is shown? please advice. Thanks a lot!

here is the html code:

<atlasToolkit:ModalPopupExtenderID="ModalPopupExtender"runat="server"><atlasToolkit:ModalPopupPropertiesTargetControlID="LinkButton1"PopupControlID="Panel1"BackgroundCssClass="modalBackground"DropShadow="true"OkControlID="OkButton"OnOkScript="onOk()"CancelControlID="CancelButton"/></atlasToolkit:ModalPopupExtender>

<

divstyle="display:none;"><center><divID="Panel1"class="modalPopup">

POP UP

<asp:Buttonid="OkButton"runat="server"text="OK"></asp:Button><asp:Buttonid="CancelButton"runat="server"text="Cancel"></asp:Button></div></center</div>

<

asp:LinkButtonid="LinkButton1"runat="server"text="Click here to view modal popup"></asp:LinkButton></p>

Please help! Also is there anay way when I click on the linkbutton, perform somejavascript that populates the popup window content?

Thanks lot!

Hi

Can you make sure you have the correct css in place e.g

/*Modal Popup*/
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}

.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
}

This should make it dispkay correctly.

HTH

As for your second question you could have script such as

function SetModalContent()

{

$('Panel1').innerHTML = "YOU CONTENT HERE";

}

and then just add the call to this function on your linkbuton.

I have the same problem. But my popupbox is shown in the upper left corner.

I have copied the code and the css, but I still have this problem.

And the background is doesn't change color when the popup is shown.

I have downloaded all the ATLAStoolkit examples. If I run that code modalpopup works as it should.

I think I have missed a little thing but what ?

Sorry - I solved the problem myself.

For som reason I had a space between ! and DOCTYPE in<!DOCTYPE ...

can you send me the html part of your code?

There is a bug in the ModalPopup JS that causes it to popup in the top left corner of the screen if the doctype is incorrect or if no doctype is used. The solution to this problem is posted here

http://forums.asp.net/thread/1322436.aspx

Just replace the javascript and rebuild the AtlasControlToolkit project.