<asp:menu> et son positionnement

Version imprimable

10/09/2009, 12h02
primactif

<asp:menu> et son positionnement

Bonjour

Si sur la même page.aspx je met :

un <asp:menu/>
un <ajaxToolkit:TabContainer/>
un <cc1:Editor/> (AjaxControlToolkit.HTMLEditor)

j'ai une grosse misère avec le comportement du menu

il me suffit de retirer soit TabContainer OU HTMLEditor et tous rentre dans l'ordre.

Avez vous une idée
10/09/2009, 12h26
tomlev

Citation:

Envoyé par primactif

j'ai une grosse misère avec le comportement du menu

C'est précis ça... si tu ne donnes pas de détails, on ne risque pas de deviner :roll:
10/09/2009, 12h43
primactif

1 pièce(s) jointe(s)

A l'ouverture de la page, le menu au lieu de ce développer en fonction du menu survolé par la souris, est totalement développé et en plus mal positionné.

Pour être plus clair je joint l'image
10/09/2009, 14h46
tomlev

fais voir le code aspx

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<form id="form1" runat="server">
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />
    <asp:Menu ID="Menu1" runat="server" BackColor="#B5C7DE" DynamicHorizontalOffset="2"
        Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" Orientation="Horizontal"
        StaticSubMenuIndent="10px">
        <StaticSelectedStyle BackColor="#507CD1" />
        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
        <DynamicMenuStyle BackColor="#B5C7DE" />
        <DynamicSelectedStyle BackColor="#507CD1" />
        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <StaticHoverStyle BackColor="#284E98" ForeColor="White" />
        <Items>
            <asp:MenuItem Text="Home&nbsp;" Value="Home&nbsp;"></asp:MenuItem>
            <asp:MenuItem Text="Menu 1-0&nbsp;" Value="Menu 1-0&nbsp;">
                <asp:MenuItem Text="Menu 1-1&nbsp;" Value="Menu 1-1&nbsp;"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="Menu 2-0" Value="Menu 2-0">
                <asp:MenuItem Text="Menu 2-1" Value="Menu 2-1"></asp:MenuItem>
                <asp:MenuItem Text="Menu 2-2" Value="Menu 2-2"></asp:MenuItem>
            </asp:MenuItem>
        </Items>
    </asp:Menu>
    <br />
    <ajaxToolkit:TabContainer ID="TabContainer1" runat="server">
        <ajaxToolkit:TabPanel ID="TabPanelFR" runat="server">
            <HeaderTemplate>
                <asp:Image ID="ImageFR" runat="server" ImageUrl="~/images/fr.gif" />
                <asp:Label ID="LabelFR" runat="server" Text="Français" />
            </HeaderTemplate>
            <ContentTemplate>
                <cc1:Editor ID="CustomEditorFR" Content='<%# Bind("ProdTexteFR") %>' runat="server" />
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
        <ajaxToolkit:TabPanel ID="TabPanelES" runat="server">
            <HeaderTemplate>
                <asp:Image ID="ImageES" runat="server" ImageUrl="~/images/es.gif" />
                <asp:Label ID="LabelES" runat="server" Text="Espagnol" />
            </HeaderTemplate>
            <ContentTemplate>
                <cc1:Editor ID="CustomEditorES" Content='<%# Bind("ProdTexteES") %>' runat="server" />
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
        <ajaxToolkit:TabPanel ID="TabPanelGB" runat="server">
            <HeaderTemplate>
                <asp:Image ID="ImageGB" runat="server" ImageUrl="~/images/en.gif" />
                <asp:Label ID="LabelGB" runat="server" Text="Anglais" />
            </HeaderTemplate>
            <ContentTemplate>
                <cc1:Editor ID="CustomEditorGB" Content='<%# Bind("ProdTexteGB") %>' runat="server" />
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
    </ajaxToolkit:TabContainer>
    </form>

10/09/2009, 15h58
primactif

Pour bien voir look www.primactif.com/default3.aspx
10/09/2009, 16h25
tomlev

Citation:

Envoyé par primactif

Pour bien voir look www.primactif.com/default3.aspx

A priori c'est un problème de navigateur... Chez moi ça marche nickel avec Firefox 3.5. Avec IE 8 c'est la cata, le rendu est à peu près comme ton screenshot. Avec Chrome, les menus réagissent pas du tout et l'éditeur HTML marche pas (zone de texte non visible).

Essaie de mettre un <div> autour du menu, ça règle souvent pas mal de problèmes...
10/09/2009, 18h00
primactif

Merci

je n'avais pas pensé à vérifier avec des produits autres que IE c'est bien un bug sur le composant asp:Menu, css pas compatible avec IE7 et IE8 et Opéra seulement avec FF amusant.

ce qui m'énerve c'est que le bug ne ce produit que si j'utilise TabPanel + Edit, que l'un ou que l'autre et c'est Ok

Grrrrrrrrrrr
12/09/2009, 12h38
primactif

asp:Menu et bug IE8

Bon j'ai trouvé un fix qui corrige

http://code.msdn.microsoft.com/KB969...read/List.aspx