2022-02-05 06:30:33 +00:00
<!DOCTYPE html>
< html lang = "en-US" >
< head >
< meta charset = 'utf-8' >
< meta http-equiv = "X-UA-Compatible" content = "chrome=1" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "/enigma-bbs/assets/images/favicon-16x16.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "/enigma-bbs/assets/images/favicon-32x32.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "/enigma-bbs/assets/images/favicon-32x32.png" >
< link rel = "stylesheet" href = "/enigma-bbs/assets/css/style.css?v=" >
<!-- Begin Jekyll SEO tag v2.7.1 -->
< title > Button View | ENiGMA½ BBS Software< / title >
< meta name = "generator" content = "Jekyll v4.2.1" / >
< meta property = "og:title" content = "Button View" / >
< meta property = "og:locale" content = "en_US" / >
< meta name = "description" content = "Button View A button view supports displaying a button on a screen." / >
< meta property = "og:description" content = "Button View A button view supports displaying a button on a screen." / >
< meta property = "og:site_name" content = "ENiGMA½ BBS Software" / >
< meta property = "og:type" content = "article" / >
2022-04-06 03:05:39 +00:00
< meta property = "article:published_time" content = "2022-04-06T03:05:35+00:00" / >
2022-02-05 06:30:33 +00:00
< meta name = "twitter:card" content = "summary" / >
< meta property = "twitter:title" content = "Button View" / >
< script type = "application/ld+json" >
2022-04-06 03:05:39 +00:00
{"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"/enigma-bbs/assets/images/enigma-logo.png"}},"description":"Button View A button view supports displaying a button on a screen.","url":"/enigma-bbs/art/views/button_view.html","@type":"BlogPosting","headline":"Button View","dateModified":"2022-04-06T03:05:35+00:00","datePublished":"2022-04-06T03:05:35+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"/enigma-bbs/art/views/button_view.html"},"@context":"https://schema.org"}< / script >
2022-02-05 06:30:33 +00:00
<!-- End Jekyll SEO tag -->
< / head >
< body >
< div id = "container" >
< div class = "sidebar" id = "sidebar" >
< hr class = "mobile-divide" >
< div class = "container" >
< a href = "/enigma-bbs/" > < img src = "/enigma-bbs/assets/images/enigma-logo.png" class = "logo" alt = "Enigma logo" > < / a >
< / div >
< ul >
< li > Installation< / li >
< ul >
< li > < a href = "/enigma-bbs/installation/installation-methods.html" > Installation Methods< / a > < / li >
< li > < a href = "/enigma-bbs/installation/install-script.html" > Install Script< / a > < / li >
< li > < a href = "/enigma-bbs/installation/docker.html" > Docker< / a > < / li >
< li > < a href = "/enigma-bbs/installation/manual.html" > Manual Installation< / a > < / li >
< li > OS / Hardware Specific< / li >
< ul >
< li > < a href = "/enigma-bbs/installation/hardware/rpi.html" > Raspberry Pi< / a > < / li >
< li > < a href = "/enigma-bbs/installation/hardware/windows.html" > Installation Under Windows< / a > < / li >
< / ul >
< li > < a href = "/enigma-bbs/installation/network.html" > Network Setup< / a > < / li >
< li > < a href = "/enigma-bbs/installation/testing.html" > Testing Your Installation< / a > < / li >
< li > < a href = "/enigma-bbs/installation/production.html" > Production Installation< / a > < / li >
< / ul >
< li > Configuration< / li >
< ul >
< li > < a href = "/enigma-bbs/configuration/creating-config.html" > Creating Initial Config Files< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/sysop-setup.html" > SysOp Setup< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/config-files.html" > Configuration Files< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/config-hjson.html" > System Configuration< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/hjson.html" > HJSON Config Files< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/menu-hjson.html" > Menu HSJON< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/directory-structure.html" > Directory Structure< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/external-binaries.html" > External Support Binaries< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/archivers.html" > Archivers< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/file-transfer-protocols.html" > File Transfer Protocols< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/email.html" > Email< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/colour-codes.html" > Colour Codes< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/event-scheduler.html" > Event Scheduler< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/acs.html" > Access Condition System (ACS)< / a > < / li >
< li > < a href = "/enigma-bbs/configuration/security.html" > Security< / a > < / li >
< / ul >
< li > Miscellaneous< / li >
< ul >
< li > < a href = "/enigma-bbs/misc/user-interrupt.html" > User Interruptions< / a > < / li >
< / ul >
< li > File Base< / li >
< ul >
< li > < a href = "/enigma-bbs/filebase/index.html" > About File Areas< / a > < / li >
< li > < a href = "/enigma-bbs/filebase/first-file-area.html" > Configuring a File Base< / a > < / li >
< li > < a href = "/enigma-bbs/filebase/acs.html" > ACS< / a > < / li >
< li > < a href = "/enigma-bbs/filebase/uploads.html" > Uploads< / a > < / li >
< li > < a href = "/enigma-bbs/filebase/web-access.html" > Web Access< / a > < / li >
< li > < a href = "/enigma-bbs/filebase/tic-support.html" > TIC Support< / a > < / li >
< li > < a href = "/enigma-bbs/filebase/network-mounts-and-symlinks.html" > Network Mounts & Symlinks< / a > < / li >
< / ul >
< li > Message Areas< / li >
< ul >
< li > < a href = "/enigma-bbs/messageareas/configuring-a-message-area.html" > Message Base< / a > < / li >
< li > < a href = "/enigma-bbs/messageareas/message-networks.html" > Message Networks< / a > < / li >
< li > < a href = "/enigma-bbs/messageareas/bso-import-export.html" > BSO Import / Export< / a > < / li >
< li > < a href = "/enigma-bbs/messageareas/netmail.html" > Netmail< / a > < / li >
< li > < a href = "/enigma-bbs/messageareas/qwk.html" > QWK Support< / a > < / li >
< li > < a href = "/enigma-bbs/messageareas/ftn.html" > FidoNet-Style Networks (FTN)< / a > < / li >
< / ul >
< li > Art< / li >
< ul >
< li > < a href = "/enigma-bbs/art/general.html" > General Art Information< / a > < / li >
< li > < a href = "/enigma-bbs/art/themes.html" > Themes< / a > < / li >
< li > < a href = "/enigma-bbs/art/mci.html" > MCI Codes< / a > < / li >
< li > Views< / li >
< ul >
< li class = "active-nav" > Button View< / li >
< li > < a href = "/enigma-bbs/art/views/edit_text_view.html" > Edit Text View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/full_menu_view.html" > Full Menu View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/horizontal_menu_view.html" > Horizontal Menu View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/mask_edit_text_view.html" > Mask Edit Text View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/multi_line_edit_text_view.html" > Multi Line Edit Text View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/predefined_label_view.html" > Predefined Label View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/spinner_menu_view.html" > Spinner Menu View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/text_view.html" > Text View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/toggle_menu_view.html" > Toggle Menu View< / a > < / li >
< li > < a href = "/enigma-bbs/art/views/vertical_menu_view.html" > Vertical Menu View< / a > < / li >
< / ul >
< / ul >
< li > Servers< / li >
< ul >
< li > Login Servers< / li >
< ul >
< li > < a href = "/enigma-bbs/servers/loginservers/telnet.html" > Telnet Server< / a > < / li >
< li > < a href = "/enigma-bbs/servers/loginservers/ssh.html" > SSH Server< / a > < / li >
< li > < a href = "/enigma-bbs/servers/loginservers/websocket.html" > Web Socket / Web Interface Server< / a > < / li >
< / ul >
< li > Content Servers< / li >
< ul >
< li > < a href = "/enigma-bbs/servers/contentservers/web-server.html" > Web Server< / a > < / li >
< li > < a href = "/enigma-bbs/servers/contentservers/gopher.html" > Gopher Server< / a > < / li >
< li > < a href = "/enigma-bbs/servers/contentservers/nntp.html" > NNTP Server< / a > < / li >
< / ul >
< / ul >
< li > Modding< / li >
< ul >
< li > < a href = "/enigma-bbs/modding/local-doors.html" > Local Doors< / a > < / li >
< li > < a href = "/enigma-bbs/modding/door-servers.html" > Door Servers< / a > < / li >
< li > < a href = "/enigma-bbs/modding/telnet-bridge.html" > Telnet Bridge< / a > < / li >
< li > < a href = "/enigma-bbs/modding/existing-mods.html" > Existing Mods< / a > < / li >
< li > < a href = "/enigma-bbs/modding/file-area-list.html" > File Area List< / a > < / li >
< li > < a href = "/enigma-bbs/modding/last-callers.html" > Last Callers< / a > < / li >
< li > < a href = "/enigma-bbs/modding/whos-online.html" > Who's Online< / a > < / li >
< li > < a href = "/enigma-bbs/modding/user-list.html" > User List< / a > < / li >
< li > < a href = "/enigma-bbs/modding/msg-conf-list.html" > Message Conference List< / a > < / li >
< li > < a href = "/enigma-bbs/modding/msg-area-list.html" > Message Area List< / a > < / li >
< li > < a href = "/enigma-bbs/modding/bbs-list.html" > BBS List< / a > < / li >
< li > < a href = "/enigma-bbs/modding/rumorz.html" > Rumorz< / a > < / li >
< li > < a href = "/enigma-bbs/modding/file-transfer-protocol-select.html" > File Transfer Protocol Select< / a > < / li >
< li > < a href = "/enigma-bbs/modding/onelinerz.html" > Onelinerz< / a > < / li >
< li > < a href = "/enigma-bbs/modding/show-art.html" > The Show Art Module< / a > < / li >
< li > < a href = "/enigma-bbs/modding/file-base-download-manager.html" > File Base Download Manager< / a > < / li >
< li > < a href = "/enigma-bbs/modding/file-base-web-download-manager.html" > File Base Web Download Manager< / a > < / li >
< li > < a href = "/enigma-bbs/modding/set-newscan-date.html" > Set Newscan Date Module< / a > < / li >
< li > < a href = "/enigma-bbs/modding/node-msg.html" > Node to Node Messaging< / a > < / li >
< li > < a href = "/enigma-bbs/modding/top-x.html" > TopX< / a > < / li >
< li > < a href = "/enigma-bbs/modding/user-2fa-otp-config.html" > 2FA/OTP Config< / a > < / li >
< li > < a href = "/enigma-bbs/modding/autosig-edit.html" > Auto Signature Editor< / a > < / li >
< li > < a href = "/enigma-bbs/modding/menu-modules.html" > Menu Modules< / a > < / li >
< / ul >
< li > Administration< / li >
< ul >
< li > < a href = "/enigma-bbs/admin/administration.html" > Administration< / a > < / li >
< li > < a href = "/enigma-bbs/admin/oputil.html" > oputil< / a > < / li >
< li > < a href = "/enigma-bbs/admin/updating.html" > Updating< / a > < / li >
< / ul >
< li > Troubleshooting< / li >
< ul >
< li > < a href = "/enigma-bbs/troubleshooting/monitoring-logs.html" > Monitoring Logs< / a > < / li >
< / ul >
< / ul >
< / div >
< div class = "main_area" >
< div class = "container" >
< section id = "main_content" >
< div class = "PageNavigation" >
< a class = "btn" style = "float:left;margin-right: 20px;" href = "/enigma-bbs/art/mci.html" > « MCI Codes< / a >
< a href = "#sidebar" class = "btn menu_button" > MENU< / a >
< a class = "btn" style = "float: right;margin-left: 20px" href = "/enigma-bbs/art/views/edit_text_view.html" > Edit Text View »< / a >
< br clear = "both" >
< / div >
< div class = "page" >
< h1 class = "page-title" > Button View< / h1 >
< h2 id = "button-view" > Button View< / h2 >
< p > A button view supports displaying a button on a screen.< / p >
< h2 id = "general-information" > General Information< / h2 >
< p > < img class = "emoji" title = ":information_source:" alt = ":information_source:" src = "https://github.githubassets.com/images/icons/emoji/unicode/2139.png" height = "20" width = "20" > A button view is defined with a percent (%) and the characters BT, followed by the view number. For example: < code class = "language-plaintext highlighter-rouge" > %BT1< / code > < / p >
< p > < img class = "emoji" title = ":information_source:" alt = ":information_source:" src = "https://github.githubassets.com/images/icons/emoji/unicode/2139.png" height = "20" width = "20" > See < a href = "/enigma-bbs/art/mci.html" > MCI< / a > for general information on how to use views and common configuration properties available for them.< / p >
< h3 id = "properties" > Properties< / h3 >
< table >
< thead >
< tr >
< th > Property< / th >
< th > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > text< / code > < / td >
< td > Sets the text to display on the button< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > textStyle< / code > < / td >
< td > Sets the standard (non-focus) text style. See < strong > Text Styles< / strong > in < a href = "/enigma-bbs/art/mci.html" > MCI< / a >
< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > focusTextStyle< / code > < / td >
< td > Sets focus text style. See < strong > Text Styles< / strong > in < a href = "/enigma-bbs/art/mci.html" > MCI< / a >
< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > width< / code > < / td >
< td > Sets the width of a view to display one or more columns horizontally (default 15)< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > focus< / code > < / td >
< td > If set to < code class = "language-plaintext highlighter-rouge" > true< / code > , establishes initial focus< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > submit< / code > < / td >
< td > If set to < code class = "language-plaintext highlighter-rouge" > true< / code > any < code class = "language-plaintext highlighter-rouge" > accept< / code > action upon this view will submit the encompassing < strong > form< / strong >
< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > argName< / code > < / td >
< td > Sets the argument name for this selection in the form< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > justify< / code > < / td >
< td > Sets the justification of each item in the list. Options: left (default), right, center< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > fillChar< / code > < / td >
< td > Specifies a character to fill extra space longer than the text length. Defaults to an empty space< / td >
< / tr >
< tr >
< td > < code class = "language-plaintext highlighter-rouge" > textOverflow< / code > < / td >
< td > If the button text cannot be displayed due to < code class = "language-plaintext highlighter-rouge" > width< / code > , set overflow characters. See < strong > Text Overflow< / strong > below< / td >
< / tr >
< / tbody >
< / table >
< h3 id = "text-overflow" > Text Overflow< / h3 >
< p > The < code class = "language-plaintext highlighter-rouge" > textOverflow< / code > option is used to specify what happens when a text string is too long to fit in the < code class = "language-plaintext highlighter-rouge" > width< / code > defined.< / p >
< p > < img class = "emoji" title = ":information_source:" alt = ":information_source:" src = "https://github.githubassets.com/images/icons/emoji/unicode/2139.png" height = "20" width = "20" > If < code class = "language-plaintext highlighter-rouge" > textOverflow< / code > is not specified at all, a button can become wider than the < code class = "language-plaintext highlighter-rouge" > width< / code > if needed to display the text value.< / p >
< p > < img class = "emoji" title = ":information_source:" alt = ":information_source:" src = "https://github.githubassets.com/images/icons/emoji/unicode/2139.png" height = "20" width = "20" > Setting < code class = "language-plaintext highlighter-rouge" > textOverflow< / code > to an empty string < code class = "language-plaintext highlighter-rouge" > textOverflow: ""< / code > will cause the item to be truncated if necessary without any characters displayed< / p >
< p > < img class = "emoji" title = ":information_source:" alt = ":information_source:" src = "https://github.githubassets.com/images/icons/emoji/unicode/2139.png" height = "20" width = "20" > Otherwise, setting < code class = "language-plaintext highlighter-rouge" > textOverflow< / code > to one or more characters will truncate the value if necessary and display those characters at the end. i.e. < code class = "language-plaintext highlighter-rouge" > textOverflow: ...< / code > < / p >
< h2 id = "example" > Example< / h2 >
< p > < img src = "../../assets/images/button_view_example1.gif" alt = "Example" title = "Button" > < / p >
< details >
< summary > Configuration fragment (expand to view)< / summary >
< div >
< div class = "language-plaintext highlighter-rouge" >
< div class = "highlight" > < pre class = "highlight" > < code > BT1: {
submit: true
justify: center
argName: btnSelect
width: 17
focusTextStyle: upper
text: Centered button
}
< / code > < / pre > < / div > < / div >
< / div >
< / details >
< / div >
< div class = "PageNavigation" >
< a class = "btn" style = "float:left;margin-right: 20px;" href = "/enigma-bbs/art/mci.html" > « MCI Codes< / a >
< a class = "btn" style = "float: right;margin-left: 20px" href = "/enigma-bbs/art/views/edit_text_view.html" > Edit Text View »< / a >
< br clear = "both" >
< / div >
< / section >
< / div >
< / div >
< / div >
< / body >
< / html >
