Product: Mingcedar Studio DESIGNER

Page Settings & Nav Path | Mingcedar Studio

Use Page Ratio to select one canvas ratio for every slide in the current presentation. Use Nav Path to maintain each page's Page Code, breadcrumb level, default text, language key, and background. Both are in the Page ribbon group.

Published 2026-10-25T12:48:42.676005076Z Updated 2026-10-25T12:48:42.676004324Z

<div class="manual-doc-article manual-doc-article-section"><h2 id="page-settings-and-breadcrumb-navigation">Feature: Page Settings & Nav Path</h2>

<p>Page Ratio sets all slides’ aspect ratio; Nav Path manages Page Codes and breadcrumbs. Set the ratio before layout, then configure navigation once pages and links are stable.</p>

</article>

<h3 id="page-settings-and-breadcrumb-navigation-item-2">Page Ratio steps</h3>

<p>Open Page → Page Ratio, choose 16:9, 16:10, 4:3, 3:2 or 21:9, check the preview and click OK. The ratio applies to all slides.</p>

<ul>

<li>16:9: recommended for most desktop and HMI screens.</li>

<li>16:10: adds vertical room for dense process information.</li>

<li>4:3: traditional operator panels and legacy displays.</li>

<li>3:2: balanced compact industrial displays.</li>

<li>21:9: ultra-wide control-room and wall displays.</li>

<li>A ratio change expands the canvas to keep existing coordinates visible instead of cropping them.</li>

<li>Pages with popups explains how popups adapt; an existing host side-panel setting remains independent.</li>

</ul>

</article>

<h3 id="page-settings-and-breadcrumb-navigation-item-3">Fill every Nav Path column</h3>

<p>Open Page → Nav Path and edit each slide’s row in Presentation pages. Save validates the whole table and writes only changed rows.</p>

<ul>

<li>Slide: read-only slide number used to locate the row.</li>

<li>Page Code: required stable export and navigation identifier. Start with an English letter, then use only English letters, digits, underscores, or hyphens.</li>

<li>Level: a whole number of 0 or greater. 0 hides the page, 1 is an entry page, and 2 or higher is a deeper child page.</li>

<li>Default Text: fallback breadcrumb label when Language Key is empty or has no translation.</li>

<li>Language Key: optional key from the existing language dictionary; it changes display text only.</li>

<li>Background: checked uses the PowerPoint slide background; unchecked keeps the exported page transparent.</li>

</ul>

<div class="manual-code" data-code-language="text"><div class="manual-code-toolbar"><span>Text</span><span class="manual-code-tools"><small>Text</small><button type="button" data-copy-code data-copied="Copied" data-failed="Select and copy the code" aria-label="Copy code: Text">Copy code</button><span class="manual-code-status" role="status"></span></span></div><pre tabindex="0" class="docs-code-block shiki github-light" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"><span>Example:</span></span>

<span class="line"><span>Page Code = line01_overview</span></span>

<span class="line"><span>Level = 1</span></span>

<span class="line"><span>Default Text = Production Line 1 Overview</span></span>

<span class="line"><span>Language Key = navigation.line01_overview</span></span>

<span class="line"><span>Background = checked</span></span></code></pre></div>

</article>

<h3 id="page-settings-and-breadcrumb-navigation-item-4">Configure a presentation from ratio to navigation</h3>

<p>Start with Page Ratio and confirm one ratio for every slide. Plan one unique Page Code per page, then fill Level, Default Text, Language Key, and Background in Nav Path. Run Export HTML for the full package and test every breadcrumb level in Mingcedar.</p>

<ul>

<li>Choose one presentation ratio.</li>

<li>Plan stable, unique Page Codes.</li>

<li>Fill Level in slide order.</li>

<li>For multilingual navigation, fill both Default Text and Language Key.</li>

<li>After full export, test entry pages, child pages, hidden popup pages, and back navigation.</li>

</ul>

</article>

<p>Use one Page Ratio when main pages, detail pages, and popup pages share a screen package. Mark entry pages Level 1, deeper detail pages Level 2 or higher, and pure popup pages Level 0. For multilingual navigation, Default Text keeps the fallback readable and Language Key supplies the translation.</p>

</article>

<h3 id="page-settings-and-breadcrumb-navigation-item-6">Limitations and troubleshooting</h3>

<p>Check these settings:</p>

<ul>

<li>Nav Path covers only navigation level and name, not alarm scope. The breadcrumb node's alarm/fault state and the page's right-side alarm window share HQVISU_PAGE_ALARM from the current page's alarm.js document (read through getPageAlarm() at runtime; do not configure it twice)</li>

<li>Page Ratio changes every slide in the presentation. It is not current-page only, and it has no custom width/height fields.</li>

<li>Page Code is a stable identifier, not a free-form display label. Follow its character rules.</li>

<li>Do not treat Level as a global site level; it is relative within the current screen package.</li>

<li>The host infers parent/child from export order plus level: the nearest preceding page with a lower Level becomes the parent, so keep the exported page order stable</li>

<li>Changing navigation structure (level, display name, adding/deleting/renaming pages) is a whole-package change and requires a full Export HTML, not a current-page-only export</li>

</ul>

</article>

</div>

<strong>Figure 1: Page Ratio</strong>

<p>Choose 16:9, 16:10, 4:3, 3:2, or 21:9 and apply the ratio to every slide in the current presentation.</p>

</figcaption>

</figure>

<strong>Figure 2: Nav Path</strong>

<p>Set each page's breadcrumb level and display name to control how it appears in the host navigation.</p>

</figcaption>

</figure>

</div>