Detail

← Back to all examples

Code example

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

May 19, 2016

Extensions

FluidTYPO3.Flux FluidTYPO3.Vhs

Tags

Content

Files

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