Advanced Wizard Layout ?

Version imprimable

10/03/2010, 12h11
njlassi

Advanced Wizard Layout ?

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 :ccool::ccool::ccool:.
10/03/2010, 12h25
Nicolas Esprit

Bonjour

Tu as un petit exemple ici.

Pour le SideBar, ceci devrait suffir :

Code:

SideBarStyle-VerticalAlign="Top"

En espérant t'avoir aidé.
10/03/2010, 12h43
njlassi

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

Code:

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

:cry:

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 :mrgreen::mrgreen: c'est à dire qu'il sera situé en haut.

Begin --:mrgreen:-- Step 1 --:D-- Step 2 --:D-- Step 3 --:D-- Finish

je pense que c clair comme ça :mouarf:

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

Code:

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>

Bonjour,

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

1 2 DisplaySideBar="False"
et ensuite utiliser un Repeater basée sur une Liste de strings :
Code:

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.