---
title: Navigation Deep Dive
description: Detailed Settings
url: /components/navigation/
date: 2026-04-27 09:00:00 +0000 UTC
last_update_date: 2026-04-27 09:00:01 +0000 UTC
---
<!-- sectionBreak id="advanced-settings" -->

  ## Fine-Tune the Dynamic View Modes

  {{< cardList id="mastering-depth" intro=`The controls described in this section allow you to fine-tune the Dynamic View Modes. They are available in the expanded **Dynamic View Modes** tab {{< icon name="display_settings" class="cl-btn" >}} in the **View** control panel:`
        context="recommendation"
        contextScope="icon, border"
        hasDetailsAuto=true
    >}}
    {{< card icon="vertical_align_bottom" title="Linear Player Depth Limit" >}}
      When the Linear Player **Depth Limit {{< icon name="vertical_align_bottom" class="cl-btn" >}} is OFF** it guides you through every nested detail.

      Otherwise its maximum depth of diving into the content hierarchy is limited. You see the limit adjustment controls {{< icon name="add" class="pm-autoplay-delay-btn cl-delay-btn" >}} / {{< icon name="remove" class="pm-autoplay-delay-btn cl-delay-btn" >}}.

      {{< cardList id="player-max-depth-modes" intro="Player Depth Modes:" context="none" contextScope="icon"
        >}}
        {{< card icon="vertical_align_top" title="Up from Bottom" subtitle="Bottom is at 0" >}}
            Defines minimum height of the visited content block (subtree). Note, that the bottom (leaf) nodes have height 0.
        {{< /card >}}
        {{< card icon="vertical_align_bottom" title="Down from Root" subtitle="Root is at 0" >}}
            Counts depth **Down** from the page's root node (the parent of section nodes). Enforces structural fixity. Note, that the root node has depth 0. This allows to keep the deepest visited nodes at constant depth, e.g. you can visit all the sections (depth 1).
        {{< /card >}}
      {{< /cardList >}}
    {{< /card >}}
    {{< card icon="timer" title="Autoplay" >}}
      Toggle **Autoplay** by pressing {{< icon name="timer" class="cl-btn" >}} button in the **Linear Navigation** tab {{< icon name="play_arrow" class="cl-btn" >}} in the expanded **Dynamic View Modes** tab {{< icon name="display_settings" class="cl-btn" >}} in the **View** control panel or **Spacebar**. When **Autoplay** mode is active you see the delay adjustment controls {{< icon name="add" class="pm-autoplay-delay-btn cl-delay-btn" >}} / {{< icon name="remove" class="pm-autoplay-delay-btn cl-delay-btn" >}}.

      This is **Autoplay** submode (**Presentation Autoplay**).
    {{< /card >}}
    {{< card icon="" title="Expansion" >}}
      You see the Expansion Depth adjustment controls {{< icon name="add" class="pm-autoplay-delay-btn cl-delay-btn" >}} / {{< icon name="remove" class="pm-autoplay-delay-btn cl-delay-btn" >}}.

      {{< cardList id="limit-on-actions" intro="Content Expansion Modes:" context="none" contextScope="icon"
        >}}
        {{< card icon="nature" title="Whole Tree" >}}
            Applies expansion rules to every active node.
        {{< /card >}}
        {{< card icon="eco" title="Leaf Subtrees" subtitle="Linear Player Path Bottom and Deeper" >}}
            Only applies expansion to the active nodes that are at or beyound the boundary set by the **Linear Player Depth Limit**.
        {{< /card >}}
      {{< /cardList >}}
    {{< /card >}}
    {{< card icon="filter_center_focus" title="Focused Mode" >}}
        **Focused mode** creates a distraction-free "Cinema Mode" by visually isolating the active topic. This mode removes visual noise of parent content nodes and allows the content to take center stage with a large, readable font size. It transforms the reading experience from "crowded" to "comfortable" and allows you to keep a **large, readable font size**. It is especially useful on narrow screens and at deeply nested content blocks, though **far not only**.
        
        When **Focused mode** {{< icon name="center_focus_weak" class="cl-btn" >}} is active, define how much context of parent and sibling nodes remains visible around your active node using Focused Context Depth adjustment controls {{< icon name="add" class="pm-autoplay-delay-btn cl-delay-btn" >}} / {{< icon name="remove" class="pm-autoplay-delay-btn cl-delay-btn" >}}.

      {{< cardList id="focused-context-depth-modes" intro="Focused Context Depth Modes:" context="none" contextScope="icon" 
        >}}
        {{< card icon="vertical_align_top" title="Up from Active node" subtitle="Active node is at 0" >}}
            Counts depth **Up** from your current active node. Maintains local context. This is the ideal mode for reading. With depth 0 you get clear focus at the active content block, while with depth 1 you see the parent content node visible as context. You can increase the context depth more and see where you are if you get lost, e.g. after following a link. Note, that the active node has context depth 0.
        {{< /card >}}
        {{< card icon="vertical_align_bottom" title="Down from Root" subtitle="Root is at 0" >}}
            This mode is quite similar to {{< ref url="#cl-limit-on-actions" label="**Measure Down** mode of **Player Depth Limit**" >}}. It allows to keep the context at constant level counting from the page's root node, e.g. you can see it up to sections (context depth 1).
        {{< /card >}}
      {{< /cardList >}}
    {{< /card >}}
  {{< /cardList >}}

<!-- sectionBreak id="interactivity-navigation" -->

  {{< cardList id="navigation-deep-dive"
    contextScope="icon, border, bg"
      iconPos="titleRowEnd"
      detailsMode="single" detailsLayout="sided" 
      briefPos="body"
      intro="Rezonto provides a complete and consistent framework for user interaction, ensuring that navigation is powerful and predictable across all devices. The system features two core navigation modes: **Classic** mode for standard browsing and **Presentation** mode for structured, step-by-step navigation." 
    >}}
    {{< card title="Universal Controls" 
        context="support"
        icon="layers" 
        brief="These controls work consistently across both Normal and Presentation modes to provide a predictable experience:" >}}
      *   **Enter Key / Middle-Mouse Click / 2-finger tap:** Reactivates the currently active block, bringing it back into focus.
      *   **Click/ Tap:** Instantly activates any content block.
      *   **Double-Click/ Double-Tap:** Instantly activates any content block and scrolls to its top.
    {{< /card >}}
    {{< card title="Convenient Shortcuts" 
      context="learn-more"
      icon="explore" >}}   
      {{< cardList id="shortcuts-guide" intro="A rich set of shortcuts allows power users to navigate and interact with content efficiently:"
        detailsMode="single" detailsLayout="sided"
        >}}
        
        {{< card title="General & Keyboard-Only Actions" icon="keyboard" >}}
          These actions are controlled exclusively via keyboard shortcuts or on-screen buttons.

          | Action | Keyboard Shortcut |
          | :--- | :--- |
          | Copy Text Content of Active Block | **Ctrl + c** |
          | Copy Generic Link to Active Block | **Ctrl + Alt + c** |
          | Activate **Classic Scrolling** Preset | **c** |
          | Activate **Surface Reading** Preset | **s** |
          | Activate **Presentation** Preset | **p** |
          | Activate **Deep Reading** Preset | **r** |
          | Toggle Fullscreen | **f** |
          | Toggle Pure/Full Overview (in Focused Mode) | **o** |
          | Toggle Entering Media Lists | **m** |
          | Play/Pause Autoplay | **Spacebar** / **a** |
          | Go to First/Last sibling block | **Home / End** |
          | Go to First/Last block on page | **Ctrl + Home / End** |
        {{< /card >}}

        {{< card title="Navigation Tab Controls" icon="gamepad" >}}
          Use these shortcuts to move linearly or structurally through the content hierarchy.

          | Action | Keyboard | Mouse |
          | :--- | :--- | :--- |
          | Activate Node | - | **Click** |
          | Activate Node & Scroll to Top | **Enter** (Active Node) | **Double-click** |
          | Navigate Sequentially (Back/Forward) | **Arrows Left / Right** | **Alt + Wheel** |
          | Navigate Linear History (Back/Forward) | **Ctrl + Shift + Left / Right** | **Ctrl + Shift + Wheel** |
          | Reset Linear History | **Alt + h** |
          | Exit Media Fullscreen Viewer | **Esc** or **ArrowUp** | - |
          | Navigate Hierarchy (Up / Down) | **Arrows Up / Down** | **Shift + Wheel** |
          | Navigate Hierarchy (Left / Right) | **Ctrl + Arrows Left / Right** | **Super + Wheel** |
          | Reset Structural History for the Active Node and its Descendants | **Ctrl + h** |
        {{< /card >}}

        {{< card title="Dynamic View Modes Tab Controls" icon="display_settings" >}}
          Use these shortcuts to adjust depths, focus, and limits on the fly.

          | Action | Keyboard | Mouse |
          | :--- | :--- | :--- |
          | Toggle Player Depth Limit | **d** | - |
          | Toggle Focused Mode | **Alt + f** | - |
          | Switch Scope Mode for Expansion | **e** | - |
          | Switch Player Depth Limit Mode (Up/Down) | **Shift + u** / **Shift + d** | - |
          | Switch Focused Mode (Up/Down) | **Alt + u** / **Alt + d** | - |
          | Adjust Player Depth Limit | **Ctrl + Alt + +/-** | **Ctrl + Alt + Wheel** |
          | Adjust Active Node Expansion Depth | **Shift + +/-** | **Super + Shift + Wheel** |
          | Adjust Focused Context Depth | **Alt + +/-** | **Super + Alt + Wheel** |
          | Adjust Autoplay Delay | **Ctrl + Shift + +/-** | **Ctrl + Shift + Alt + Wheel** |
        {{< /card >}}

      {{< /cardList >}}
    {{< /card >}}
  {{< /cardList >}}

<!-- sectionBreak id="end" -->

---
*Semantic Context: [Rezonto Schema](/rezonto-context/index.md)*