We help IT Professionals succeed at work.

Change link styles in Wizard control sidebar

Loomy
Loomy asked
on
1,444 Views
Last Modified: 2013-12-17
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
Comment
Watch Question

CERTIFIED EXPERT
Most Valuable Expert 2012
Top Expert 2008

Commented:
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

Author

Commented:
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.
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.