MBR IT/.NET 247 : Combo Box Z-Index/Pop-up Menu Question on ASPFriends.com 'aspngcontrolscs' list

Combo Box Z-Index/Pop-up Menu Question

Messages

Related Types

This message was discovered on ASPFriends.com 'aspngcontrolscs' list.
Responses highlighted in red are from those people who are likely to be able to contribute good, authoratitive information to this discussion. They include Microsoft employees, MVP's and others who IMHO contribute well to these kinds of discussions.

Karla Maria Moreno

This is a multi-part message in MIME format.

------=_NextPartTM-000-8f009483-161b-4a58-a699-0af13daa08c7
Content-Type: multipart/alternative;
    boundary="----_=_NextPart_001_01C21842.D57D5AF2"

------_=_NextPart_001_01C21842.D57D5AF2
Content-Type: text/plain;
    charset="utf-8"
Content-Transfer-Encoding: base64

SGVsbG8gYWxsLA0KIA0KSSBoYXZlIHBsYWNlZCBhIHBvcCB1cCBtZW51IG9uIG15IHdlYiBmb3Jt
IGFuZCB3aGVuIGl0IG9wZW5zIG9uIHRvcCBvZiB0aGUgRHJvcCBEb3duIExpc3QgY29udHJvbCwg
dGhlIGNvbnRyb2wgYXBlYXJzIG9uIHRvcCBvZiB0aGUgbWVudS4gIEkgaGF2ZSByZWFkIG9uIGFu
IGFydGljbGUgdGhhdCB0aGUgRHJvcCBEb3duIExpc3QgY29udHJvbMK0cyB6LWluZGV4IHByb3Bl
cnR5IGRvZXMgbm90IHdvcmsgaW4gc2l0dWF0aW9ucyBsaWtlIHRoaXMgb25lICh3aXRoIGEgTWVu
dSkgYW5kIHRoYXQgdGhpcyBpcyB0aGUgcmVhc29uIHdoeSB0aGUgY29udHJvbCBhcGVhcnMgb24g
dG9wIG9mIHRoZSBtZW51LiBEb2VzIGFueW9uZSBrbm93IGFueXRoaW5nIGFib3V0IHRoaXM/IEkg
d291bGQgYXByZWNpYXRlIGFueSBzdWdlc3Rpb25zIG9yIGNvZGUgc25pcHBldHMuDQogDQpUaGFu
a3MsDQogDQpLYXJsYQ0K

------_=_NextPart_001_01C21842.D57D5AF2
Content-Type: text/html;
    charset="utf-8"
Content-Transfer-Encoding: base64

PCFET0NUWVBFIEhUTUwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMCBUcmFuc2l0aW9uYWwv
L0VOIj48SFRNTD48SEVBRD48TUVUQSBIVFRQLUVRVUlWPSJDb250ZW50LVR5cGUiIENPTlRFTlQ9
InRleHQvaHRtbDsgY2hhcnNldD11dGYtOCI+PC9IRUFEPjxCT0RZPjxESVY+SGVsbG8gYWxsLDwv
RElWPgo8RElWPiZuYnNwOzwvRElWPgo8RElWPkkgaGF2ZSBwbGFjZWQgYSBwb3AgdXAgbWVudSBv
biBteSB3ZWIgZm9ybSBhbmQgd2hlbiBpdCBvcGVucyBvbiB0b3Agb2YgdGhlIApEcm9wIERvd24g
TGlzdCBjb250cm9sLCB0aGUgY29udHJvbCBhcGVhcnMgb24gdG9wIG9mIHRoZSBtZW51LiZuYnNw
OyBJIGhhdmUgcmVhZCAKb24gYW4gYXJ0aWNsZSB0aGF0IHRoZSBEcm9wIERvd24gTGlzdCBjb250
cm9swrRzIHotaW5kZXggcHJvcGVydHkgZG9lcyBub3Qgd29yayAKaW4gc2l0dWF0aW9ucyBsaWtl
IHRoaXMgb25lICh3aXRoIGEgTWVudSkgYW5kIHRoYXQgdGhpcyBpcyB0aGUgcmVhc29uIHdoeSB0
aGUgCmNvbnRyb2wgYXBlYXJzIG9uIHRvcCBvZiB0aGUgbWVudS4gRG9lcyBhbnlvbmUga25vdyBh
bnl0aGluZyBhYm91dCB0aGlzPyBJIHdvdWxkIAphcHJlY2lhdGUgYW55IHN1Z2VzdGlvbnMgb3Ig
Y29kZSBzbmlwcGV0cy48L0RJVj4KPERJVj4mbmJzcDs8L0RJVj4KPERJVj5UaGFua3MsPC9ESVY+
CjxESVY+Jm5ic3A7PC9ESVY+CjxESVY+S2FybGE8L0RJVj48L0JPRFk+PC9IVE1MPg==

------_=_NextPart_001_01C21842.D57D5AF2--

------=_NextPartTM-000-8f009483-161b-4a58-a699-0af13daa08c7--

Reply to this message...

Kloberg Mac (LAM) (VIP)

This is a known problem in both IE and Netscape; there is no direct solution
to it. Actually, in older browser versions it wasn't only the list box
control, it was with most form controls: Textboxes, Buttons, etc... Someone
said, this is because the list box that appears on the browser surface is
the standard windows list box that is also used on windows forms and thus,
has no Z-Index property. I'm still surprised that MS hasn't fixed this by
now (IE6).

Two workarounds come to mind:
- Look for a custom DHTML combo box server control (usually implemented as a
textbox and an image button next to it) and use that instead of the standard
list box.
- Hide the list box when the menu drops down (MS has been using this trick
on their own sites)

Either way you'll have to jump through a hoop to make this work, so you
might want to consider simply avoiding the situation where a DHTML panel
overlays the list box control.

Sorry, this probably wasn't what you wanted to hear...

hth
--
Sincerely,
Mac Kloberg
LIEBHERR AMERICA INC.
http://www.liebherr.com <http://www.liebherr.com>

-----Original Message-----
From: Karla Maria Moreno [mailto:Click here to reveal e-mail address]
Sent: Thursday, June 20, 2002 6:11 AM
To: aspngcontrolscs
Subject: [aspngcontrolscs] Combo Box Z-Index/Pop-up Menu Question

Hello all,

I have placed a pop up menu on my web form and when it opens on top of the
Drop Down List control, the control apears on top of the menu. I have read
on an article that the Drop Down List controlÂ´s z-index property does not
work in situations like this one (with a Menu) and that this is the reason
why the control apears on top of the menu. Does anyone know anything about
this? I would apreciate any sugestions or code snippets.

Thanks,

Karla

Reply to this message...

Jeff Widmer

This article explains more and gives examples too: http://www.webreference.com/dhtml/diner/seethru/
-----Original Message-----
From: Kloberg Mac (LAM) [mailto:Click here to reveal e-mail address]
Sent: Thursday, June 20, 2002 5:23 AM
To: aspngcontrolscs
Subject: [aspngcontrolscs] RE: Combo Box Z-Index/Pop-up Menu Question

This is a known problem in both IE and Netscape; there is no direct solution to it. Actually, in older browser versions it wasn't only the list box control, it was with most form controls: Textboxes, Buttons, etc... Someone said, this is because the list box that appears on the browser surface is the standard windows list box that is also used on windows forms and thus, has no Z-Index property. I'm still surprised that MS hasn't fixed this by now (IE6).

Two workarounds come to mind:
- Look for a custom DHTML combo box server control (usually implemented as a textbox and an image button next to it) and use that instead of the standard list box.
- Hide the list box when the menu drops down (MS has been using this trick on their own sites)

Either way you'll have to jump through a hoop to make this work, so you might want to consider simply avoiding the situation where a DHTML panel overlays the list box control.

Sorry, this probably wasn't what you wanted to hear...

hth
--
Sincerely,
Mac Kloberg
LIEBHERR AMERICA INC.
http://www.liebherr.com
-----Original Message-----
From: Karla Maria Moreno [mailto:Click here to reveal e-mail address]
Sent: Thursday, June 20, 2002 6:11 AM
To: aspngcontrolscs
Subject: [aspngcontrolscs] Combo Box Z-Index/Pop-up Menu Question

Hello all,

I have placed a pop up menu on my web form and when it opens on top of the Drop Down List control, the control apears on top of the menu. I have read on an article that the Drop Down List controlÂ´s z-index property does not work in situations like this one (with a Menu) and that this is the reason why the control apears on top of the menu. Does anyone know anything about this? I would apreciate any sugestions or code snippets.

Thanks,

Karla
| [aspngcontrolscs] member Click here to reveal e-mail address = YOUR ID | http://www.asplists.com/asplists/aspngcontrolscs.asp = JOIN/QUIT | http://www.asplists.com/search = SEARCH Archives

Reply to this message...

TIM ELLISON

Dropdown lists in Internet Explorer (I believe after 4.x) will usually
disappear when a popup menu overlays a form. This is by design.

With Netscape, versions prior to 6.x will not hide the dropdown or any of
the form elements and will appear behind the form elements. This is because
Netscape's implementation of form controls is such that zorder (zindex) has
no bearing (they are implemented as child windows). Your only option is to
encase the form itself in a layer (or div) and hide it when the menu pops.

For IE, I'm not sure why that's happening. Try setting your zindex to 999
(something extremely high) and see if it doesn't fix that problem.

Google Search ended up being my place for finding info on this as we had the
same issue and I had no idea about how the browsers implemented forms.

HTH

Regards,

Tim Ellison
Senior Web Applications Developer,
Long and Foster Real Estate
703-359-1884
Click here to reveal e-mail address <mailto:Click here to reveal e-mail address>

-----Original Message-----
From: Karla Maria Moreno [mailto:Click here to reveal e-mail address]
Sent: Thursday, June 20, 2002 6:11 AM
To: aspngcontrolscs
Subject: [aspngcontrolscs] Combo Box Z-Index/Pop-up Menu Question

Hello all,

I have placed a pop up menu on my web form and when it opens on top of the
Drop Down List control, the control apears on top of the menu. I have read
on an article that the Drop Down List control´s z-index property does not
work in situations like this one (with a Menu) and that this is the reason
why the control apears on top of the menu. Does anyone know anything about
this? I would apreciate any sugestions or code snippets.

Thanks,

Karla

Reply to this message...

MBR BootFX
Best-of-breed application framework for .NET projects, developed by Matthew Baxter-Reynolds and MBR IT

	Copyright © Matthew Baxter-Reynolds 2001-2008. '.NET 247 Software Development Services' is a trading style of MBR IT Solutions Ltd.
	Contact Us - Terms of Use - Privacy Policy - www.dotnet247.com