<title>Toggle Menu View | ENiGMA½ BBS Software</title>
<metaname="generator"content="Jekyll v4.2.1"/>
<metaproperty="og:title"content="Toggle Menu View"/>
<metaproperty="og:locale"content="en_US"/>
<metaname="description"content="Toggle Menu View A toggle menu view supports displaying a list of options on a screen horizontally (side to side, in a single row) similar to a Horizontal Menu. It is designed to present one of two choices easily."/>
<metaproperty="og:description"content="Toggle Menu View A toggle menu view supports displaying a list of options on a screen horizontally (side to side, in a single row) similar to a Horizontal Menu. It is designed to present one of two choices easily."/>
{"description":"Toggle Menu View A toggle menu view supports displaying a list of options on a screen horizontally (side to side, in a single row) similar to a Horizontal Menu. It is designed to present one of two choices easily.","headline":"Toggle Menu View","url":"/enigma-bbs/art/views/toggle_menu_view.html","dateModified":"2023-05-11T14:44:08+00:00","@type":"BlogPosting","datePublished":"2023-05-11T14:44:08+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"/enigma-bbs/art/views/toggle_menu_view.html"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"/enigma-bbs/assets/images/enigma-logo.png"}},"@context":"https://schema.org"}</script>
<aclass="btn"style="float:left;margin-right: 20px;"href="/enigma-bbs/art/views/text_view.html">« Text View</a>
<ahref="#sidebar"class="btn menu_button">MENU</a>
<aclass="btn"style="float: right;margin-left: 20px"href="/enigma-bbs/art/views/vertical_menu_view.html">Vertical Menu View »</a>
<brclear="both">
</div>
<divclass="page">
<h1class="page-title">Toggle Menu View</h1>
<h2id="toggle-menu-view">Toggle Menu View</h2>
<p>A toggle menu view supports displaying a list of options on a screen horizontally (side to side, in a single row) similar to a <ahref="/enigma-bbs/art/views/horizontal_menu_view.html">Horizontal Menu</a>. It is designed to present one of two choices easily.</p>
<p>Items can be selected on a menu via the left and right cursor keys, or by selecting them via a <codeclass="language-plaintext highlighter-rouge">hotKey</code> - see <strong><em>Hot Keys</em></strong> below.</p>
<p><imgclass="emoji"title=":information_source:"alt=":information_source:"src="https://github.githubassets.com/images/icons/emoji/unicode/2139.png"height="20"width="20"> A toggle menu view is defined with a percent (%) and the characters TM, followed by the view number (if used.) For example: <codeclass="language-plaintext highlighter-rouge">%TM1</code></p>
<p><imgclass="emoji"title=":information_source:"alt=":information_source:"src="https://github.githubassets.com/images/icons/emoji/unicode/2139.png"height="20"width="20"> See <ahref="/enigma-bbs/art/mci.html">MCI</a> for general information on how to use views and common configuration properties available for them.</p>
<td>If set to <codeclass="language-plaintext highlighter-rouge">true</code> any <codeclass="language-plaintext highlighter-rouge">accept</code> action upon this view will submit the encompassing <strong>form</strong>
<td>List of items to show in the menu. Must include exactly two (2) items. See <strong>Items</strong> below.</td>
</tr>
</tbody>
</table>
<h3id="hot-keys">Hot Keys</h3>
<p>A set of <codeclass="language-plaintext highlighter-rouge">hotKeys</code> are used to allow the user to press a character on the keyboard to select that item, and optionally submit the form.</p>
<p>This would select and submit the first item if <codeclass="language-plaintext highlighter-rouge">A</code> is typed, second if <codeclass="language-plaintext highlighter-rouge">B</code>, etc.</p>
<h3id="items">Items</h3>
<p>A toggle menu, similar to other menus, take a list of items to display in the menu. Unlike other menus, however, there must be exactly two items in a toggle menu. For example:</p>
<p>If the list is for display only (there is no form action associated with it) you can omit the data element, and include the items as a simple list:</p>
