Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Saturday, March 24, 2012

Modal popup visibility and background...

My ModalPopup panel is being visible before its disappears..

It flicks on the screen int the HTML load...
How can I fix this?

And...What is the style of modalPopoupExtender demo in atlas control toolkit site?

How can I make one similiar?

thanx!Please see FAQ #1 (http://forums.asp.net/thread/1293293.aspx#1) and StyleSheet.css in the root of the SampleWebSite.
Hi...Thanx...
BUT...I got three problems...

First...modalBackground stylesheet doesn't work in Firefox..because opacity and filter properties...
and..
Second...modalBackground stylesheet doesn't work with Dropdownlist control..it remains with default style...

finally...my last problem is that style="visibility:false;" doesn't work...

I just want to make something similiar to Insert Code modal of this page...with all components behind disabled and with low opacity...and it is hide on pageload =D..
this can't be so difficult...I also would like to load my usercontrol inside the modalpopup panel...BUT...is very difficult work with updatepanel and modalpopup together...

here is my code:

"DivRegisterUnit" style="visibility:false;"> "LabelUnitID" runat="server" Text="ID:"> "TextBoxUnitID" runat="server"> "LabelUnitDescription" runat="server" Text="Descri??o:"> "TextBoxUnitDescription" runat="server"> "ButtonRegisterUnit" runat="server" Text="Salvar" />

"MpeRegisterUnit" runat="server"> "modalBackground" OkControlID="ButtonRegisterUnit" PopupControlID="DivRegisterUnit" TargetControlID="LinkButtonRegisterUnit" />

<div id="DivRegisterUnit"> <asp:Label ID="LabelUnitID" runat="server" Text="ID:"></asp:Label> <asp:TextBox ID="TextBoxUnitID" runat="server"></asp:TextBox> <asp:Label ID="LabelUnitDescription" runat="server" Text="Descri??o:"></asp:Label> <asp:TextBox ID="TextBoxUnitDescription" runat="server"></asp:TextBox> <asp:Button ID="ButtonRegisterUnit" runat="server" Text="Salvar" /> </div> <cc1:modalpopupextender id="MpeRegisterUnit" runat="server"> <cc1:ModalPopupProperties BackgroundCssClass="modalBackground" OkControlID="ButtonRegisterUnit" PopupControlID="DivRegisterUnit" TargetControlID="LinkButtonRegisterUnit" /> </cc1:modalpopupextender>

Hi...
I resolved two of my three problems :P

First...I was wrong...
Third...I used "visible:none;"

the only one that I can't fix was the dropdownlist problem...

thanx..
If the issue is that the dropdown remains visible when the ModalPopup is displayed, the reason can be found in the FAQ. Our next release will have a workaround for this; you can get the code from CodePlex now if you want to try it out early.

Wednesday, March 21, 2012

ModalPopup and <SELECT>

Is there any way that ModalPopup would render properly on top of <select> html element, rather then creating a manual work around? I used my own popup server control that rendered iframe in the background, applying filter. But no shaddow. That's why ModalPopup seems to be more interesting solution, but this selection in the background...
Thank you for answers.I'm not sure I understand your question, but I think you're referring to the z-order behavior of SELECT elements in IE (and maybe FireFox, I'm not sure). If that's the case, unfortunately, no, there is no way to get things to appear over the top of them.

Thank you for reply.

But why won't Atlas implement an iframe to be rendered rather than a div (for the background) and this way the z-index problem with certain controls would be solved? IE6 is widely used and will be used by many customers, and we can't force them to switch to IE7 or Firefox.

May be using adaptive rendring this can be solved? Thank you for answers.


Using an IFRAME introduces a whole new set of problems and a lot of complexity. I don't know that this is addressed in Firefox or IE7.


Well, It's a shame such a great control won't have a normal behavious in IE 6 ( FireFox has no issues with <select>s, haven't tested it on IE 7 yet). I'm not sure about the complexity, since an iframe can be inserted into document tree as the div is inserted currently, and apply filter on it. That would work nicely for IE 6, when for FireFox just a regular div.

Anyway, my understanding is that it's not going to be implemented or fixed, and that's a shame.

Tthank you for information.