Silverlight + Ajax (Javascript)

Version imprimable

20/05/2009, 17h51
cyberbobby

Silverlight + Ajax (Javascript)

Bonjour à tous,

J'ai un petit problème sur un site qui utilise l'Ajax Toolkit et une API Silverlight.

Lorsque je dois afficher un menu déroulant ou un calendar par exemple, ceux-ci passe en dessous de l'application Silverlight alors que je voudrais qu'ils au dessus ...

Quelqu'un a-t-il eu ce problème ? Solution ?

voici un print-screen :

http://partage.oupas.be/TFE/Image 22.png

Merci
20/05/2009, 18h32
Skyounet

Essaye de jouer avec le Z-index en CSS.
22/05/2009, 18h46
cyberbobby

T'as un exemple ?

J'ai essayé, ca ne semble pas fonctionner ...

Mais je préférerais avoir un exemple. Merci
22/05/2009, 18h50
Skyounet

Applique à la div qui contient ton calendar un z-index élevé genre 10 et pour la div qui contient ton Silverlight un Z-index à 1 par exemple.

A priori il faut aussi mettre la position en absolute pour tes 2 divs.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
 
    <fieldset style="z-index:10;">
        <legend>Sélectionner une periode</legend>
        <b>Date :</b>
        <asp:TextBox ID="DayTextBox" runat="server" Width="85" Text="2009/04/06" />&nbsp;&nbsp;
        <ajax:CalendarExtender ID="DayCalendarExtender" runat="server" TargetControlID="DayTextBox"
            FirstDayOfWeek="Monday" Format="yyyy/MM/dd" PopupButtonID="DayTextBox" />
        <asp:Button ID="DayTextButton" SkinID="SearchButtonNoLabel" Text="Aller à la date"
            runat="server" />
    </fieldset>
 
    <div style="height: 100%; margin-top:21px; z-index:1;">
        <asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/SLPlaning.xap" MinimumVersion="2.0.31005.0" 
            Width="100%" Height="100%" />
    </div>
</asp:Content>

Même problème, ça ne change rien ...

22/05/2009, 22h06
roster

Tu as essayés avec la paramètre 'Windowless' à True de ta balise Silverlight?

Code:

<asp:Silverlight ID="Xaml1" Windowless="true" ... />
23/05/2009, 01h26
Skyounet

Ah oui essaye aussi avec windowless à true. J'ai aussi précisé qu'il fallait également spécifier position:absolute à tes 2 CSS.
23/05/2009, 09h52
cyberbobby

Yes !!!!!

Ca marche avec windowsless à true !!!

Un énorme merci à vous deux ! ;-)
23/05/2009, 09h57
cyberbobby

J'aimerais préciser que si les ZINDEX de mon div (ou filedset) contenant mon calendar n'est pas défini, l'application Silverlight disparait ... Il faut donc le spécifier !

A ne pas oublier pour ceux qui sont ou seront dans le même cas que moi ... :P