I'm designing a left side navigation pane for our site and I've been doing it with a TreeView control.....but I'm beginning to wonder if I should have used PanelBar instead. Does anyone have any ideas about which is better for site navigation? I don't really want to start over in PanelBar because I've already done a lot of skin work on the TreeView. Perhaps TreeView was never meant for site navigation and I should be using PanelBar anyhow. lol Any suggestions or opinions would be appreciated. Thanks guys.
7 Answers, 1 is accepted
0
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
Rank 2
Iron
Iron
Veteran
answered on 17 Dec 2009, 11:45 PM
I prefer panelbar for a left nav menu :)
It has more of a "menu" feel to it...but I guess it depends on what style you're going for
It has more of a "menu" feel to it...but I guess it depends on what style you're going for
0
Brad H
Top achievements
Rank 2
Rank 2
answered on 18 Dec 2009, 02:25 PM
Well, the exact style that I'm going for is actually on Telerik's website. http://demos.telerik.com/aspnet-ajax/ajax/examples/overview/defaultcs.aspx
If you click down one level on their left nav, for instance on "Ajax", you will get a submenu......when you click one of these items (Like "Ajax Manager") in the submenu, the arrow points down and the menu slides down. That is exactly the style I'm going for but I don't know what control they are using for that. I tried looking at the source code but it looks like they're using a javascript called TreeNavigator. I haven't seen this control on their site....I just assumed it was similar to TreeView. I think Telerik should maybe add some modal popup links on their site that would tell you what controls they use for each menu on their site. Because I find myself trying to emulate a lot of their actual site. Maybe just a "What control is this?" link or just a "?". Anyway, that's my dilemma if anyone knows the best way to replicate that menu. Thanks.
If you click down one level on their left nav, for instance on "Ajax", you will get a submenu......when you click one of these items (Like "Ajax Manager") in the submenu, the arrow points down and the menu slides down. That is exactly the style I'm going for but I don't know what control they are using for that. I tried looking at the source code but it looks like they're using a javascript called TreeNavigator. I haven't seen this control on their site....I just assumed it was similar to TreeView. I think Telerik should maybe add some modal popup links on their site that would tell you what controls they use for each menu on their site. Because I find myself trying to emulate a lot of their actual site. Maybe just a "What control is this?" link or just a "?". Anyway, that's my dilemma if anyone knows the best way to replicate that menu. Thanks.
0
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
Rank 2
Iron
Iron
Veteran
answered on 18 Dec 2009, 02:34 PM
Editing it in firebug shows
Header1_nav_treeNavigator
But I'm not sure they're using their own treeview :) Looks like a bunch of list items with links, and only a small tree showing for the selected item
Header1_nav_treeNavigator
But I'm not sure they're using their own treeview :) Looks like a bunch of list items with links, and only a small tree showing for the selected item
0
Brad H
Top achievements
Rank 2
Rank 2
answered on 18 Dec 2009, 02:42 PM
Ya, that's what I was looking at. There's also a TreeNavigator javascript file. Do you think I would be able to lift that code and implement it on my site?
0
Accepted
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
Rank 2
Iron
Iron
Veteran
answered on 18 Dec 2009, 02:45 PM
Naw, reinventing the wheel, use a RadTreeView :)
I think this one is setup in the manner it is because its such a LARGE navigation menu (lots of subitems)...so it would make the page load slower...
I think this one is setup in the manner it is because its such a LARGE navigation menu (lots of subitems)...so it would make the page load slower...
0
Brad H
Top achievements
Rank 2
Rank 2
answered on 18 Dec 2009, 02:47 PM
Alright, cool. Thanks for the help man. I'll just keep plugging away on the TreeView.
0
Hello,
Indeed, the left navigation on our online demos website is a legacy custom control. It serves its purpose well, so we have not decided to remove it. However, it does not have the power of neither the TreeView, nor the PanelPar.
Concerning your question about PanelBar and TreeView - for a simple navigation it doesn't really matter which one you will choose - probably the visual appearance is what distinguishes the two controls most in your particular case. I recommend you to get familiar with the more advanced features before making your decision:
http://www.telerik.com/products/aspnet-ajax/panelbar.aspx
http://www.telerik.com/products/aspnet-ajax/treeview.aspx
Greetings,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Indeed, the left navigation on our online demos website is a legacy custom control. It serves its purpose well, so we have not decided to remove it. However, it does not have the power of neither the TreeView, nor the PanelPar.
Concerning your question about PanelBar and TreeView - for a simple navigation it doesn't really matter which one you will choose - probably the visual appearance is what distinguishes the two controls most in your particular case. I recommend you to get familiar with the more advanced features before making your decision:
http://www.telerik.com/products/aspnet-ajax/panelbar.aspx
http://www.telerik.com/products/aspnet-ajax/treeview.aspx
Greetings,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.