asked on

Keeping an AJAX dropdownextender on top of all DIV

I have a dropdownextender/listbox that I'm using. Because of it's placement on my page, it falls behind other DIVs.
Is there a way to force the extender to always appear on top when it is activated?

(<asp:Label ID="lblCustomer" runat="server" Text="Label"></asp:Label>)
    <cc1:DropDownExtender ID="ddeCustomer" DropDownControlID="ListBox1"
        runat="server" DynamicServicePath="" Enabled="True" TargetControlID="lblCustomer"
        HighlightBackColor="WhiteSmoke">
    </cc1:DropDownExtender>


    <asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True">
</asp:ListBox>

Open in new window

ASKER CERTIFIED SOLUTION

James Williams

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Member_2_1242703

ASKER

I assume you mean

<style>
#ListBox1:hover{z-index:999}
</style>

Open in new window

(your tags were reversed)

Which does not work

Member_2_1242703

ASKER

FYI...it's a dropdownextender so I have to click a control...no hover. Not sure if that's relevant to your proposed solution or not.

Member_2_1242703

ASKER

ok I added this to my CSS

.alwaysontop
{
z-index:10;
}

Open in new window

then changed my list box to

 <asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" CssClass="alwaysontop">
</asp:ListBox>

Open in new window

Worked like a charm. Thanks!

James Williams

Yes, thank you for correcting that fatal mistake I made.

Glad to help..

Way to take the idea and run with it.
It's always a better feeling helping someone that takes a little bit
of info and learns from it. Then fixes the problem there way.

Thank you
Selvol