TYPO3 Logo
TYPO3 Higher Education Package
  • Introduction
  • Design basics
  • Information Architecture
  • Features
  • CSS and Grid System
  • Accessibility
  • Release Notes
  • System requirements
  • For editors
    • Page Layouts
      • Default Page Layout
      • Page with submenu
      • Education Offer Layout
    • Content Elements
      • Images
      • Table
      • Text & Image
      • Icon Container
      • Maps
      • Teaser Container
      • Stage
    • Working with languages
    • News
    • Events
    • Persons
    • Courses
    • Videos
    • Search (ke_search)
    • Department Kickstarter
    • Alternative text check for images
  • For administrators
    • Page Layouts
    • Content Elements
      • Text & Image
      • Images
      • Maps
    • Working with languages
    • Main Navigation
    • Breadcrumb
    • Page Colors
    • Page Logo
    • Page Footer
    • Search (Solr)
    • Persons
    • Feature Toggles
    • Documentation Rendering
    • Living Styleguide
    • LDAP authentication
    • Alternative text check for images
    • OM Cookie Manager
  • For developers
    • SCSS Variables
    • Page Layouts
    • Content Elements
      • Overriding the FLUID templates
      • Text & Image
      • Images
      • Table
      • Icon Container
      • Map
      • Teaser Container
      • Stage
    • Main Navigation
    • Sub Navigation
    • Breadcrumb
    • Page Logo
    • Page Footer
    • Persons
    • Videos
    • News
    • Events
    • Search (ke_search)
    • Search (Solr)
    • Access restricted page error
    • Testing
    • Education offer
  • Miscellaneous
    • Documentation best practice
      • Examples
      • Labels for cross-referencing
  • ChangeLog
    • v11.1.3 Changes
    • v11.1.2 Changes
    • v11.1.1 Changes
    • v11.1.0 Changes
    • v11.0.2 Changes
      • Breaking: #1 - Indexer configuration of ke_search changed
    • v11.0.1 Changes
    • v11.0.0 Changes
      • Breaking: #1 - Remove Person Import Task
    • v10.0.5 Changes
    • v10.0.4 Changes
    • v10.0.3 Changes
    • v10.0.2 Changes
    • v10.0.1 Changes
    • v10.0.0 Changes
    • v9.6.0 Changes
      • Breaking: #1 - Removing facebook import
    • v9.5.0 Changes
    • v9.4.3 Changes
    • v9.4.2 Changes
    • v9.4.1 Changes
    • v9.4.0 Changes
    • v9.3.0 Changes
    • v9.2.0 Changes
    • v9.1.0 Changes
    • v9.0.0 Changes
    • v1.3.1 Changes
    • v1.3.0 Changes
      • Breaking: #1 - Change scss-parser constants and setups typoscript paths / naming
      • Breaking: #2 - Change page logo constants and setup typoscript paths
      • Breaking: #3 - Change main navigation constants and setup typoscript paths
      • Breaking: #4 - Change content elements basic constants and setup typoscript paths
  1. Start
  2. For developers
  3. Sub Navigation
View source View source

Sub Navigation¶

The submenu is displayed with the corresponding layout: “Page with submenu”.

Note

Corresponding Files

Styling:

EXT:higher_education_package/Resources/Private/Scss/Module/_sub-nav.scss

JavaScript:

EXT:higher_education_package/Resources/Public/JavaScript/Main.js

EXT:higher_education_package/Resources/Public/JavaScript/Classes/Menu/SubMenuController.js

Templates:

EXT:higher_education_package/Resources/Private/Templates/Page/PageWithSubmenu.html

EXT:higher_education_package/Resources/Private/Partials/Page/SubNav.html

Setup:

EXT:higher_education_package/Configuration/TypoScript/Setup/page.typoscript

EXT:higher_education_package/Configuration/TypoScript/Setup/helper.tree-level-one.typoscript

  • Previous
  • Next
© Copyright 2023
  • Legal Notice
  • Privacy Policy