November Happy Hour will be moved to Thursday December 5th.
November Happy Hour will be moved to Thursday December 5th.
The PageTree control is really not useful for displaying information in anything other than, well, a tree layout.
However, if I understand your question correctly, you would like to still use the PageTree control for the sitemap, but style the control so that it looks more like columns. If you look at the HTML markup that the PageTree control produces, you will notice it consists of nested <ul> and <li> elements.
Take this example: http://demo.episerver.com/en/Site-map/
You will see that the CSS required to make the level 2 elements appear as indented, looks something like this: #SiteMap li li a { style here }. The important thing to notice is the way the CSS declaration encompasses the nested <li> tags.
Download FireBug for FireFox to help you inspect HTML and CSS easily. Hope this helps you.
Thanks Arild. Ended up scrapping the whole pagetree thing and done it all in the code behind and it worked.
Cheers!
Could you explain your solution a bit more?
I have the same issue; Sitemap coded using the pagetree, lots and lots of pages on the site so there's far too much scrolling required if it is all displayed in one column.
I found a good article here explaining various ways to do multicolumn lists, however none of them appear it work brilliantly with a sitemap structure.
http://www.alistapart.com/articles/multicolumnlists/
Any help greatly appreciated. Thank you.
Like I said, styling a pagetree sitemap is really just a matter of styling a bunch of <ul>s and <li>s.
This is really more of a frontend-developer question than an EPiServer issue. Take a look at this example:
http://www.jonathansewell.co.uk/index.php/2010/07/11/episerver-pagetree-for-primary-navigation/
Hi, does anyone know how to have multiple columns in the sitemap? I've searched around and can't seem to find a solution.
Basically, the current sitemap is in one longgg list, but I need it spread out in 3 columns.
This is my placeholder:
And this is my code behind:
Any help would be hugly appreciated!!
Thanks in advance