:: Forum >>

AW.UI.Button floats on top problem - z-index??

i just tried putting 2 UI buttons on my page and everything works great. however there is a popup window that is driven by CSS. when it is displayed the button is on top of the popup, whereas i expect them to stay at the same level as the main page.

here is a link of the screen shot:

the buttons themselves are pretty standard:
<td align=center>
var button1 = new AW.UI.Button;
button1.setControlText("Site Information");
var button2 = new AW.UI.Button;
button2.setControlText("Project Planning");
button2.onClick = function(text){ location.href='somelink'; }
button2.onClick = function(text){ location.href='somelink'; }

i am gussing it has something to do with the z-index??? but i really have no idea - any help is appreciated.
Monday, November 19, 2007
Yes, this is z-index issue. AW.UI.Button has z-index 0, but it could be still on top of the div with the same z-index because it is inserted after it in the DOM tree. Also don't forget that z-index is only applied to the elements with position:absolute or position:relative.
Alex (ActiveWidgets)
Tuesday, November 20, 2007
thank you alex - that explains it. is there any way to set the position or z-index of the buttons? are there any setStyle type of function for buttons? thanks!
Tuesday, November 20, 2007

This topic is archived.

Back to support forum

Forum search