Wizard control adapter with sidebar on top

Last post 12-04-2009 5:23 PM by 101NEO. 10 replies.

Sort Posts:

  • Wizard control adapter with sidebar on top

    11-14-2006, 11:17 PM
    • Member
      89 point Member
    • verinder
    • Member since 11-12-2002, 11:10 PM
    • Posts 34

    Hi all,

    I want to move the sidebar to top in wizard control. How to do that??? I know control adapters can help but it is too tough to write those. Let me know how to do that. Any other solution is also welcome.

     

    please help!

    verinder

  • Re: Wizard control adapter with sidebar on top

    11-30-2006, 2:14 PM
    • Member
      5 point Member
    • commando29
    • Member since 11-30-2006, 7:13 PM
    • Posts 1

    Not sure if you found a solution but I found this on google:  http://www.codeproject.com/useritems/CustomizingWizardNav.asp

    Hope it helps.

     

    Brandon

  • Re: Wizard control adapter with sidebar on top

    12-01-2006, 9:55 PM
    • Member
      89 point Member
    • verinder
    • Member since 11-12-2002, 11:10 PM
    • Posts 34
    I know about this solution. There is another way of doing that. Use asp:Menu on top of wizard  and syncronize the steps with menu items.
  • Re: Wizard control adapter with sidebar on top

    01-09-2007, 12:41 PM
    • Member
      352 point Member
    • pradeeprede
    • Member since 06-07-2006, 5:46 AM
    • Hyderabad, India
    • Posts 109

    Hi verender, i strucked here with the same problem.

     How to set the sidebar on the top of the wizard.  plz put the code if possibe.

    Hopes u solves my problem 

     Thanks in advance.

    Pradeep Reddy
  • Re: Wizard control adapter with sidebar on top

    01-13-2007, 9:41 AM
    • Member
      89 point Member
    • verinder
    • Member since 11-12-2002, 11:10 PM
    • Posts 34

    either use the solution in the link above

     

    http://www.codeproject.com/useritems/CustomizingWizardNav.asp

     or Put A menu control on top of wizard control and hide the side bar. When step change even happens change the active menu and grey all others. It is easy but good workaround. There is no way you can move the side bar to Top unless microsoft writes a control adapter for Wizard control which replaces table with DIV. Then we can use stylesheet to move the cells to top until then we have to live with this

  • Re: Wizard control adapter with sidebar on top

    01-31-2007, 5:35 AM
    • Member
      352 point Member
    • pradeeprede
    • Member since 06-07-2006, 5:46 AM
    • Hyderabad, India
    • Posts 109
    Thxs virender.
    Pradeep Reddy
  • Easy Solution

    03-21-2008, 9:54 PM
    • Member
      28 point Member
    • johnywhy
    • Member since 11-29-2007, 6:58 AM
    • Posts 24

    verinder, there's another solution, which may be more flexible than sticking a menu on top of the Wizard:

    use the MultiView control instead of the Wizard control. Put a standard Menu control where ever you want it, outside the MultiView. then, with the little popup menu on the Menu control (on the design surface), manually add the menu items, one for each wizard step. do not enter anything for "navigateUrl". then create a MenuItemClick script for the menu control, containing the following code:

        protected void navMenu_MenuItemClick(object sender, MenuEventArgs e)
        {
            int index = Int32.Parse(e.Item.Value);
            MultiView1.ActiveViewIndex = index;
        }

    Then create Next and Back buttons on the page, again outside the MultiView, and create event code similar to the above:

    Next: MultiView1.ActiveViewIndex = MultiView1.ActiveViewIndex + 1

    Back: MultiView1.ActiveViewIndex = MultiView1.ActiveViewIndex - 1

    That's it!

    The multiView control has many advantages over the Wizard control, because you have total control over the entire page. the Wizard control is extremely limited, and offers very little advantage in terms of point-and-click programming.

    The neat thing about the MultiView is that it apparently sends each view back to the server for safekeeping, when the user flips to a different view, and then restores all data-entry values, like whatever the user typed into the text box, when the user returns to the first view.

    someone, please tell me how to achieve that with a regular page!

    johny why
  • Re: Wizard control adapter with sidebar on top

    09-22-2009, 10:26 AM
    • Member
      2 point Member
    • cristitodoran
    • Member since 09-22-2009, 2:24 PM
    • Posts 1

    You add </tr><tr> in the SidebarTemplate. Outside the box...

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

  • Party!!! [<:o)] Re: Wizard control adapter with sidebar on top

    11-27-2009, 6:22 PM
    • Member
      2 point Member
    • flakosh
    • Member since 11-27-2009, 11:18 PM
    • Posts 1

    uff you get a hundred with that post cristitodoran, it works! and works really fine and easy. I'm not bill gates but stand by me in anything that u ever need.

    flakosh

  • Re: Wizard control adapter with sidebar on top

    11-30-2009, 10:29 AM
    • Member
      2 point Member
    • HowardLynch
    • Member since 11-30-2009, 3:27 PM
    • Posts 1

    Can you (or anyone) please explain how/why this works?  Closing a non-existant/unopened "tr" and then opening another right before the close of a "SideBarTemplate" does not strike me as something with obvious behavior ...

    Thank-you ... I've got a lot to learn, so as basic as your explanation can be, the better :-)

  • Re: Wizard control adapter with sidebar on top

    12-04-2009, 5:23 PM
    • Member
      2 point Member
    • 101NEO
    • Member since 12-04-2009, 5:07 PM
    • Posts 1

    another option you can use that worked for me was that i actually created a 'completely dynamic' wizard control and moved the sidebar on the fly during the page load. then created a table with 2 table rows. the top one held the sidebar and the bottom one held the content of the wizard.

    the code kinda looks like this:

    Dim wiz As New Wizard

    'do some processing to populate steps in the wizard

    'once you are done adding all your steps

    Dim mstrTbl As New Table

    mstrTbl.Width = Unit.Percentage(100)

    mstrTbl.CellPadding = 3

    mstrTbl.CellSpacing = 3

    mstrTbl.ID = "main_table"

    Dim mtr As New TableRow

    Dim dl As DataList = GetFormControl(wiz, "SideBarList", "DataList") 'this is a function i wrote to return specific controls but you can use the wizard.FindControl("SideBarList")

    dl.RepeatDirection = RepeatDirection.Horizontal

    dl.ItemStyle.BorderWidth = Unit.Pixel(1) 

    newNavCell.HorizontalAlign = HorizontalAlign.Left 

    Dim newNavCell As New TableCell

    'newNavCell.HorizontalAlign = HorizontalAlign.Center

    newNavCell.Controls.Add(dl)

    mtr.Cells.Add(newNavCell)

    mstrTbl.Rows.Add(mtr) 

    ContentCell.ColumnSpan = 2

    ContentCell.VerticalAlign = VerticalAlign.Top

    ContentCell.ID = "WizardContent"

    Dim ContentRow As New TableRow

    Dim ContentCell As New TableCell

    ContentCell.ColumnSpan = mtr.Cells.Count 'this was only because i was trying to move the step nav up there too(doesn't work)

    ContentCell.Controls.Add(wiz) 'actually add the wizard

    ContentRow.Cells.Add(ContentCell)

    mstrTbl.Rows.Add(ContentRow)

    form1.Controls.Add(mstrTbl)

    i'd pop a screenshot on here but i don't have time to go out and host it right now.

    hope this helps!

Page 1 of 1 (11 items)