Code examples

Side navigation menu

Let the Backenduser just put in a startpage for the navigation as a content element. For when reskinning sitemap is to cumbersome.

Description Fluid sidenavi contentelement.
Author ppassmannpriv
Creation date 2016-05-19T15:05:22.000Z
Extensions
  1. FluidTYPO3.Flux
  2. FluidTYPO3.Vhs
  3. FluidTYPO3.FluidcontentCore
Tags
  1. Content
Files
  1. Sidenavi.html
<div xmlns="http://www.w3.org/1999/xhtml" lang="en"
xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
xmlns:flux="http://typo3.org/ns/FluidTYPO3/Flux/ViewHelpers"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers">
<f:layout name="Content" />
<f:section name="Configuration">
<flux:form id="sidenavi" options="{group: 'FCE'}">
<!-- Insert fields, sheets, grid, form section objects etc. here, in this flux:flexform tag -->
<flux:field.input name="startpage" required="true">
<flux:wizard.link activeTab="'page'" />
</flux:field.input>
</flux:form>
</f:section>
<f:section name="Preview">
<!-- If you wish, place custom backend preview content here -->
<strong>Menüstartpunkt:</strong><br />
{startpage}
</f:section>
<f:section name="Main">
<f:render section="MenuRecursionStart" />
</f:section>
<f:section name="MenuRecursionStep">
<f:if condition="{currentPage.hasSubPages}">
<v:page.menu pageUid="{currentPage.uid}">
<f:if condition="{menu}">
<ul>
<f:for each="{menu}" as="currentSubPage">
<li class="{currentSubPage.class}">
<v:page.link pageUid="{currentSubPage.uid}" />
<f:render section="MenuRecursionStep" arguments="{currentPage: '{currentSubPage}'}" />
</li>
</f:for>
</ul>
</f:if>
</v:page.menu>
</f:if>
</f:section>
<f:section name="MenuRecursionStart">
<v:page.menu pageUid="{startpage}">
<f:if condition="{menu}">
<ul>
<f:for each="{menu}" as="startLevelPage">
<li class="{startLevelPage.class}"><v:page.link pageUid="{startLevelPage.uid}" />
<f:render section="MenuRecursionStep" arguments="{currentPage: '{startLevelPage}'}"/>
</li>
</f:for>
</ul>
</f:if>
</v:page.menu>
</f:section>
</div>
view raw Sidenavi.html hosted with ❤ by GitHub