asked on

Change link styles in Wizard control sidebar

Hi Experts,

Can anybody tell me the easiest way to target the links in the wizard control sidebar so that I can for instance highlight the link of the current wizard step?

Many thanks

Bob Learned

If you right-click on the Wizard control, there should be a Convert to SideBar Template option, which would give you something like this:

<asp:Wizard ID="Wizard1" runat="server" Height="302px" Width="402px">
            <SideBarTemplate>
                <asp:DataList ID="SideBarList" runat="server">
                    <ItemTemplate>
                        <asp:LinkButton ID="SideBarButton" runat="server" ForeColor="White" />
                    </ItemTemplate>
                    <SelectedItemStyle Font-Bold="True" />
                </asp:DataList>
            </SideBarTemplate>
            <WizardSteps>
                <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
                </asp:WizardStep>
                <asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
                </asp:WizardStep>
            </WizardSteps>
            <SideBarStyle BackColor="#3399FF" BorderStyle="Solid" BorderWidth="1px" 
                ForeColor="#FFFF99" Height="100px" VerticalAlign="Top" Width="60px" />
        </asp:Wizard>

Open in new window

Loomy

ASKER

Thanks for that but it was more a case of wanting to make the link for the current step a different colour as an indicator for the user rather than all of the links.

Many thanks anyway.

ASKER CERTIFIED SOLUTION

Loomy

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial