I would like to list the pages in to a list (ul li) for the navigation of the site.
I am a noob to Umbraco. As i have just being using wordpress for my websites but i found umbraco and i find it a lot more flexible and a more capable cms system.
I had a look at the XSLT and macros but i couldn't figure it out how to get it to work lol.
If someone could help me i would like to thank them in advance.
Here's a short how-to to get navigation on the 'Bluu' page:
- Go to 'Developer' section, right-click 'Xslt' and select 'Create'.
- Choose 'Navigation' as name and select 'List Sub Pages From Current Page'.
- Check 'Create macro' as well.
- Click 'Create'.
- Expand 'Macro' node in the 'Developer' section, you should get a 'Navigation' macro.
- Go to the template for the 'Bluu' page (if not sure which one that is, select the page and check the properties). Insert macro to the template using the icon dialogs on in the icon bar.
- Browse to the 'Bluu' page and you should have the navigation of the site from the current page
From there on, you could modify the xslt to suit your needs.. Be sure to check out the other 'xslt templates' as well. For example, the 'Navigation prototype' goes one step further and creates a navigation based on the complete site construct, as opposed to the one you've selected above, whcih does only list sub pages of the current selected page. It all depends on how you'd want your navigation to look like.
Site Navigation
Hello,
I would like to list the pages in to a list (ul li) for the navigation of the site.
I am a noob to Umbraco. As i have just being using wordpress for my websites but i found umbraco and i find it a lot more flexible and a more capable cms system.
I had a look at the XSLT and macros but i couldn't figure it out how to get it to work lol.
If someone could help me i would like to thank them in advance.
Btw my content structure is
Thanks,
Wade
Hi,
welcome to umbraco.
Here's a short how-to to get navigation on the 'Bluu' page:
- Go to 'Developer' section, right-click 'Xslt' and select 'Create'.
- Choose 'Navigation' as name and select 'List Sub Pages From Current Page'.
- Check 'Create macro' as well.
- Click 'Create'.
- Expand 'Macro' node in the 'Developer' section, you should get a 'Navigation' macro.
- Go to the template for the 'Bluu' page (if not sure which one that is, select the page and check the properties). Insert macro to the template using the icon dialogs on in the icon bar.
- Browse to the 'Bluu' page and you should have the navigation of the site from the current page
From there on, you could modify the xslt to suit your needs.. Be sure to check out the other 'xslt templates' as well. For example, the 'Navigation prototype' goes one step further and creates a navigation based on the complete site construct, as opposed to the one you've selected above, whcih does only list sub pages of the current selected page. It all depends on how you'd want your navigation to look like.
Feel free to ask more questions.
Regards,
/Dirk
Wow that simple thanks so much :)
cool i use this as a topnavigation aswell, but it dosent show on my subpages? Only my hardcoded "Home" link...
xslt:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp " "> ]>
<xsl:stylesheet
version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:msxml="urn:schemas-microsoft-com:xslt"
xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets"
exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets ">
<xsl:output method="xml" omit-xml-declaration="yes"/>
<xsl:param name="currentPage"/>
<xsl:template match="/">
<!-- The fun starts here -->
<ul>
<li> <a href="/"><xsl:text>Home</xsl:text></a></li>
<xsl:for-each select="$currentPage/* [@isDoc and string(umbracoNaviHide) != '1']">
<li>
<a href="{umbraco.library:NiceUrl(@id)}">
<xsl:value-of select="@nodeName"/>
</a>
</li>
</xsl:for-each>
</ul>
</xsl:template>
</xsl:stylesheet>
is working on a reply...