Använder en AJAX ValidatorCalloutExtender med felmmeddelande till textboxar

Men till höger om textboxen ligger en bild och då hamnar popup rutan under bilden.

Hur går man för att få popup rutan över bilden?

Använder absolut positionering av objekt på sidan


mvh Roland

du sätter z-index på din popup så att det är större än övriga objekt.

Hjäpte inte.

Popup:en kommer fortfarande under bilden


mvh Roland

Hej Roland
Kan du lägga bilden som bakgrund i stället? Exempelvis i en DIV eller Tabell som innehåller din textbox.
Annars borde du kunna lägga kontrollerna i olika DIV:ar som du sätter z-order på som Andreas var inne på. Beskriv gärna hur du har lagt upp kontrollerna eller klistra in koden, så blir det lite lättare att ge tips.

/Joachim

Hej
Provade med DIV men fick det inte att fungera. Vill inte gärna göra om det till tabeller eftersom jag vill ha absolut positionering.

Provar med att lägga in lite kod här
Det är bilden imgKeybord som alltid hamnar över ValidatorCalloutExtender popuppen

<fieldset style="z-index: 106; left: 160px; width: 600px; position: absolute; top: 180px; height: 185px" id="FIELDSET1" language="javascript" onclick="return FIELDSET1_onclick()" class="frame">
<legend><% =Get_Loggintxt %></legend>	

<asp:label id="lblAnvandarID" runat="server" Width="200px" Height="20px" style="z-index: 100; left: 10px; position: absolute; top: 25px" CssClass="lbl">AnvandarID...</asp:label>
         
<div style="z-index: 300">
<asp:textbox id="txtAnvandarID" runat="server" Width="200px" Height="22px" tabIndex="1" 
style="z-index: 101; left: 220px; position: absolute; top: 25px" CssClass="txt" BorderStyle="None"></asp:textbox>
        
         <asp:RequiredFieldValidator ID="reqAnvandarID" runat="server" 
                                     ControlToValidate="txtAnvandarID"
                                     Display="None" Width="100px">
         </asp:RequiredFieldValidator>
         <ajaxToolkit:ValidatorCalloutExtender ID="ereqAnvandarID" runat="server" 
                                               TargetControlID="reqAnvandarID" >
         </ajaxToolkit:ValidatorCalloutExtender>  
</div>

<asp:label id="lblLosenord" runat="server" Width="200px" Height="20px" style="z-index: 102; left: 10px; position: absolute; top: 55px" CssClass="lbl">Lösenord...</asp:label>
			
<asp:textbox id="txtLosenord" runat="server" Width="200px" Height="22px" tabIndex="2" TextMode="Password" style="z-index: 103; left: 220px; position: absolute; top: 55px CssClass="txt">txt</asp:textbox>

<asp:button id="btnOK" runat="server" Width="200px" Text="OK" tabIndex="3" style="z-index: 104; left: 220px; position: absolute; top: 120px" CssClass="btn"></asp:button>

<asp:image id="imgKeybord" runat="server" Width="150px" Height="150px ImageUrl="Picture/keyboard.jpg" 	style="z-index: 105; left: 435px; position: absolute; top: 20px"></asp:image>	               
             
</fieldset>

Får se om jag förstått det här med z-index rätt...
Din imgKeybord har z-index: 105, vilket är det högsta z-indexet.
Alltså kommer den att vara överst.
Du får sätta den till något lägre värde och se vad som händer.
Eller så ger du din ValidatorCalloutExtender ett högre z-index (tror inte den har något alls nu).

/Håkan

Diven runt ValidationExtender har z-index 300

Har även provat att låta bilden ha z-index 99 men det hjälper inte.

Kan det vara något med absolut positionering?


mvh Roland

Löste det

Flyttade ut bilden, imgKeyboard, utanför fieldset till före allt annat
Altså först i form

Då kommer bilden under


Tackar alla som velat hjälpa till.
mvh Roland