473,320 Members | 1,861 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

How to make a web user control show on the top?

Hello, friends,

We created a drop-down menu bar and a show/hide calendar web user controls
mainly using javaScript and html.

However, they both have the problem that they are not dispaly as the top
controls in IE browser. Rather, text box, file field, and etc. are on the
top. As a result, our calendar and drop-down menu bar were "cut" here and
there wherever there is one of those boxes.

Any idea on how to solve this problems?

I tried to Z-Index, it did not help a lot.

Thanks a lot.

Jan 18 '06 #1
8 2460
What I remember from using drop-downs is that they ALWAYS show up on
top even if you place and element right over and increasing the z-order
for it. I think this is the default behavior in IE , I don't know
about Firefox. Texboxes, radiobuttons, and other control allow
elements to be placed over it; but drop-downs always seem to want to
display as the top level element. Maybe this is just in IE. Try
viewing everything in FireFox and see if it looks different.

Jan 18 '06 #2
What I usually do is when the menu content is activated, I would
programmatically hide the primitive controls (i.e. textbox, dropdown, etc.)
Then when the menu no longer has the focus, re-display them. I believe the
reason for this is that those controls are actually "windows" that are
overlayed on the broswer. Therefore they do not interact well with dynamic
content.
"Andrew" <An****@discussions.microsoft.com> wrote in message
news:BD**********************************@microsof t.com...
Hello, friends,

We created a drop-down menu bar and a show/hide calendar web user controls
mainly using javaScript and html.

However, they both have the problem that they are not dispaly as the top
controls in IE browser. Rather, text box, file field, and etc. are on the
top. As a result, our calendar and drop-down menu bar were "cut" here and
there wherever there is one of those boxes.

Any idea on how to solve this problems?

I tried to Z-Index, it did not help a lot.

Thanks a lot.

Jan 18 '06 #3
it mainly uses <div> <ul> to show or hide

"tdavisjr" wrote:
What I remember from using drop-downs is that they ALWAYS show up on
top even if you place and element right over and increasing the z-order
for it. I think this is the default behavior in IE , I don't know
about Firefox. Texboxes, radiobuttons, and other control allow
elements to be placed over it; but drop-downs always seem to want to
display as the top level element. Maybe this is just in IE. Try
viewing everything in FireFox and see if it looks different.

Jan 18 '06 #4
But, we may have a lot pages, to programmatically hide primitive controls is
really a lot work, and hard to maitain in future. Moreover, it may not look
nice when user seeing primitive controls showed/dispeared from time to time...

"Peter Rilling" wrote:
What I usually do is when the menu content is activated, I would
programmatically hide the primitive controls (i.e. textbox, dropdown, etc.)
Then when the menu no longer has the focus, re-display them. I believe the
reason for this is that those controls are actually "windows" that are
overlayed on the broswer. Therefore they do not interact well with dynamic
content.
"Andrew" <An****@discussions.microsoft.com> wrote in message
news:BD**********************************@microsof t.com...
Hello, friends,

We created a drop-down menu bar and a show/hide calendar web user controls
mainly using javaScript and html.

However, they both have the problem that they are not dispaly as the top
controls in IE browser. Rather, text box, file field, and etc. are on the
top. As a result, our calendar and drop-down menu bar were "cut" here and
there wherever there is one of those boxes.

Any idea on how to solve this problems?

I tried to Z-Index, it did not help a lot.

Thanks a lot.


Jan 18 '06 #5
I have not found any other way around it.

If your menu is the only thing that is overlapping with the primitive
controls, then you would have code in that which cycles through all the form
elements on the page and hides them. Also, rather than hiding them all, you
can determine the area of the page where your menu will appear and then hide
only those form elements which overlap. Another thing is that if you want
the controls to remain on screen, you could probably show an image of the
control when the actual control is hidden.

These are just some thoughts.

"Andrew" <An****@discussions.microsoft.com> wrote in message
news:D6**********************************@microsof t.com...
But, we may have a lot pages, to programmatically hide primitive controls
is
really a lot work, and hard to maitain in future. Moreover, it may not
look
nice when user seeing primitive controls showed/dispeared from time to
time...

"Peter Rilling" wrote:
What I usually do is when the menu content is activated, I would
programmatically hide the primitive controls (i.e. textbox, dropdown,
etc.)
Then when the menu no longer has the focus, re-display them. I believe
the
reason for this is that those controls are actually "windows" that are
overlayed on the broswer. Therefore they do not interact well with
dynamic
content.
"Andrew" <An****@discussions.microsoft.com> wrote in message
news:BD**********************************@microsof t.com...
> Hello, friends,
>
> We created a drop-down menu bar and a show/hide calendar web user
> controls
> mainly using javaScript and html.
>
> However, they both have the problem that they are not dispaly as the
> top
> controls in IE browser. Rather, text box, file field, and etc. are on
> the
> top. As a result, our calendar and drop-down menu bar were "cut" here
> and
> there wherever there is one of those boxes.
>
> Any idea on how to solve this problems?
>
> I tried to Z-Index, it did not help a lot.
>
> Thanks a lot.
>


Jan 18 '06 #6
This sounds like a HTML positioning problem.

Here's the deal -

Each element on the page has a property called a z-index (zIndex in
Javascript) that determines where it lies on the z-axis (depth) of the
page. Items with a higher z-index are rendered on top of items with a
lesser z-index.

It's important to note that you can only change this value if you set
the position: of the element to position:relative or position:absolute.

However, merely tweaking the z-index of your calendar control may not
be enough; you may have to fiddle with the z-indexes of the surrounding
elements in order to get the result you're looking for.

That said, this is only necessary if you are using relative positioning
("flow layout"). In the event that you are using absolute positioning,
you can instead rely on this rule of thumb:

Items that are declared later in the html code are by default rendered
on top of items declared earlier. So if you can, declare your calendar
control near the end of the form, then use the top and left style
elements to position the calendar control in the correct visual
location. (Note that you can use this if you are using relative
positioning as well, but the results won't be as solid.)

Check this MSDN article for details on z-indexing:
http://msdn.microsoft.com/workshop/a...ies/zindex.asp
-Mark

Jan 19 '06 #7
Look into CSS absolute positioning.
--
Christopher A. Reed
"The oxen are slow, but the earth is patient."

"Andrew" <An****@discussions.microsoft.com> wrote in message
news:BD**********************************@microsof t.com...
Hello, friends,

We created a drop-down menu bar and a show/hide calendar web user controls
mainly using javaScript and html.

However, they both have the problem that they are not dispaly as the top
controls in IE browser. Rather, text box, file field, and etc. are on the
top. As a result, our calendar and drop-down menu bar were "cut" here and
there wherever there is one of those boxes.

Any idea on how to solve this problems?

I tried to Z-Index, it did not help a lot.

Thanks a lot.

Jan 20 '06 #8
I have a question regarding this... Does this problem get resolved in any way
in VS 2005?

"Christopher Reed" wrote:
Look into CSS absolute positioning.
--
Christopher A. Reed
"The oxen are slow, but the earth is patient."

"Andrew" <An****@discussions.microsoft.com> wrote in message
news:BD**********************************@microsof t.com...
Hello, friends,

We created a drop-down menu bar and a show/hide calendar web user controls
mainly using javaScript and html.

However, they both have the problem that they are not dispaly as the top
controls in IE browser. Rather, text box, file field, and etc. are on the
top. As a result, our calendar and drop-down menu bar were "cut" here and
there wherever there is one of those boxes.

Any idea on how to solve this problems?

I tried to Z-Index, it did not help a lot.

Thanks a lot.


Feb 21 '06 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: RCCNH | last post by:
I am creating a Windows application using C# in .NET. In one of the windows, I have to show a scrollable list of user objects. Those user objects contain various controls themselves (textbox,...
7
by: Chuck | last post by:
I am working in C# 2003. Can anyone tell me how to make a user control transparent. VS help doesn't help. What I want to do is draw on a user control during design time and then place the...
1
by: Shourie | last post by:
I've noticed that none of the child controls events are firing for the first time from the dynamic user control. Here is the event cycle. 1) MainPage_load 2) User control1_Load user clicks a...
5
by: Mike TI | last post by:
March 24, 2006 Hi all I am new to VB.NET and am using VB.NET 2005. I have an MDI form with a Split Container Control. On demand I am adding and removing User Controls on Panel 2. I am using...
4
by: Tony Johansson | last post by:
Hello! I have one solution file that consist of three project. One project that build the exe file called A One project that build a user control dll. Here we have a class called B One project...
4
by: bill | last post by:
I have a Repeater control in a web user control. The web user control has a public method named PopulateRepeater which takes an ID as an parameter and populates the repeater control based on the...
6
by: Ian Boyd | last post by:
Every time during development we had to make table changes, we use Control Center. Most of the time, Control Center fails. If you try to "undo all", it doesn't, and you end up losing your identity...
0
by: John Smith | last post by:
ASP.Net 2.0 / C# / IIS 6 I have 2 pages. The master page consists of a tabbed menu created using the Menu and MultiView controls. Something like this: ...
5
by: royend | last post by:
Is it possible to hide images from the internet, and only have a image available for users that are logged into the intranet? I am hoping to avoid a database-solution as the number of images will...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.