Discussion :

[njlassi]

Bonjour tout le monde,

Je cherche à utiliser le composant Wizard du ASP.NET mais suivant un layout bien précis.

Le sidebar je le veux en haut pas à côté et les liens en horizontal pas en vertical.

Est ce que qq1 avait par hasard une idée de comment le faire.

le composant Wizard ne permet pas ça nativement, donc est ce que qq1 avait l'occasion de bricoler une solution pareille.

Merci .

[Nicolas Esprit]

Bonjour

Tu as un petit exemple ici.

Pour le SideBar, ceci devrait suffir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

SideBarStyle-VerticalAlign="Top"

En espérant t'avoir aidé.

[njlassi]

En faite, le style du sidebar est déja défini n Top :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<SideBarStyle BackColor="#507CD1" Font-Size="0.9em" VerticalAlign="Top" />

et cette propriété définie la disposition verticale des objets dans le sidebar. moi ce ke je veu c que les liens dans le sidebar seront Horizontale (et ça c'est pas très difficile) par contre ce que j'ai pas pu faire c'est de changer le layout de wizard de façon que le sidebar deviens en d'autre sorte un headbar c'est à dire qu'il sera situé en haut.

Begin ---- Step 1 ---- Step 2 ---- Step 3 ---- Finish

je pense que c clair comme ça

[Nicolas Esprit]

Peut-être comme ceci, avec un SideBarTemplate et l'ajout d'une table row :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<SideBarTemplate>
            <asp:DataList ID="SideBarList" runat="server" HorizontalAlign="Justify" RepeatDirection="Horizontal">
                <ItemTemplate>
                    <asp:LinkButton ID="SideBarButton" runat="server" BorderWidth="0px"
                        Font-Names="Verdana" ForeColor="White"></asp:LinkButton>
                </ItemTemplate>
                <SelectedItemStyle Font-Bold="True" />
            </asp:DataList>
            </tr>
            <tr>
</SideBarTemplate>

[njlassi]

Bonjour,

La solution que j'ai trouvé, c'est de cacher le SideBar au niveau de Wizard à travers l'attribut :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
DisplaySideBar="False"

et ensuite utiliser un Repeater basée sur une Liste de strings :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
        List<string> wizardSteps = new List<string>();
        foreach (WizardStep wStep in demandeVisaWizard.WizardSteps)
        {
            wizardSteps.Add(wStep.Name);
        }
 
        Repeater1.DataSource = wizardSteps;
        Repeater1.DataBind();

et il me reste après que gérer l'intéraction entre les deux objets (Wizard et Repeater) de façon que si je clic sur une step dans l'un des objets l'autre objet réagira avec.