{"id":4888,"date":"2024-06-18T00:52:05","date_gmt":"2024-06-18T00:52:05","guid":{"rendered":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/"},"modified":"2024-06-18T00:52:05","modified_gmt":"2024-06-18T00:52:05","slug":"displaybasicpopup","status":"publish","type":"page","link":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/","title":{"rendered":"DisplayBasicPopup"},"content":{"rendered":"<html><head><meta content=\"text\/html; charset=UTF-8\" http-equiv=\"content-type\"><style type=\"text\/css\">@import url(https:\/\/themes.googleusercontent.com\/fonts\/css?kit=fpjTOVmNbO4Lz34iLyptLUXza5VhXqVC6o75Eld_V98);ol{margin:0;padding:0}table td,table th{padding:0}.c18{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:0pt;border-right-width:0pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:0pt;border-top-style:solid;background-color:#f0f0f0;border-left-style:solid;border-bottom-width:0pt;width:424.5pt;border-top-color:#000000;border-bottom-style:solid}.c20{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:0pt;border-right-width:0pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:0pt;border-top-style:solid;background-color:#f0f0f0;border-left-style:solid;border-bottom-width:0pt;width:445.5pt;border-top-color:#000000;border-bottom-style:solid}.c0{padding-top:16pt;padding-bottom:4pt;line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left;height:14pt}.c5{margin-left:21pt;padding-top:0pt;text-indent:21pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c24{padding-top:16pt;padding-bottom:4pt;line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.c2{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Calibri\";font-style:normal}.c8{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:14pt;font-family:\"Calibri\";font-style:normal}.c3{color:#444444;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Arial\";font-style:normal}.c4{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Arial\";font-style:normal}.c1{padding-top:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left;height:11pt}.c28{-webkit-text-decoration-skip:none;color:#000000;text-decoration:underline;vertical-align:baseline;text-decoration-skip-ink:none;font-style:normal}.c7{padding-top:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c26{border-top-width:0pt;border-top-style:solid;border-bottom-width:0pt;border-bottom-style:solid}.c25{color:#000000;text-decoration:none;vertical-align:baseline;font-style:italic}.c16{-webkit-text-decoration-skip:none;color:#1155cc;text-decoration:underline;text-decoration-skip-ink:none}.c22{color:#000000;text-decoration:none;vertical-align:baseline;font-style:normal}.c15{border-spacing:0;border-collapse:collapse;margin-right:auto}.c13{background-color:#ffffff;}.c12{font-size:14pt;font-family:\"Calibri\";font-weight:700}.c6{background-color:#f0f0f0;color:#444444}.c17{color:inherit;text-decoration:inherit}.c11{background-color:#f0f0f0;color:#880000}.c9{font-weight:400;font-family:\"Calibri\"}.c27{color:#ff0000}.c23{height:22pt}.c14{text-indent:21pt}.c10{color:#444444}.c21{font-size:14pt}.c19{color:#880000}.c29{height:21pt}.title{padding-top:0pt;color:#000000;font-size:26pt;padding-bottom:3pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.subtitle{padding-top:0pt;color:#666666;font-size:15pt;padding-bottom:16pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}li{color:#000000;font-size:11pt;font-family:\"Arial\"}p{margin:0;color:#000000;font-size:11pt;font-family:\"Arial\"}h1{padding-top:20pt;color:#000000;font-size:20pt;padding-bottom:6pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h2{padding-top:18pt;color:#000000;font-size:16pt;padding-bottom:6pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h3{padding-top:16pt;color:#434343;font-size:14pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h4{padding-top:14pt;color:#666666;font-size:12pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h5{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h6{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}<\/style><\/head><body class=\"c13 doc-content\"><p class=\"c7\"><span class=\"c12 c28\">DisplayBasicPopup<\/span><\/p><p class=\"c7\"><span class=\"c12\">How to add to: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"c16 c12\"><a class=\"c17\" href=\"#hamw3sbo08rei\">dialogue nodes<\/a><\/span><\/p><p class=\"c7\"><span class=\"c12\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"c16 c12\"><a class=\"c17\" href=\"#hrxkcq83pt4xg\">the script editor<\/a><\/span><\/p><p class=\"c7\"><span class=\"c12\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"c12 c16\"><a class=\"c17\" href=\"#h7hjg81mrpync\">onClick<\/a><\/span><\/p><h3 class=\"c24\" id=\"hamw3sbo08rei\"><span class=\"c22 c12\">Dialogue Nodes<\/span><\/h3><p class=\"c7\"><span class=\"c9\">&nbsp;<\/span><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 597.19px; height: 378.79px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY\" style=\"width: 597.19px; height: 378.79px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c7\"><span class=\"c8\">You can add the commands directly into a dialogue node or into the dialogue text (found in the properties section). Here&rsquo;s an example:<\/span><\/p><a id=\"t.5b4698fa28ec1e9dcb6dd4ecd4c0fc8a3048f44c\"><\/a><a id=\"t.0\"><\/a><table class=\"c15\"><tr class=\"c23\"><td class=\"c18\" colspan=\"1\" rowspan=\"1\"><p class=\"c7 c26\"><span class=\"c6\">[action:<\/span><span class=\"c11\">&quot;displayBasicPopup&quot;<\/span><span class=\"c6\">, title:<\/span><span class=\"c11\">&quot;The Popup Title&quot;<\/span><span class=\"c6\">, message:<\/span><span class=\"c11\">&quot;Hello world!&quot;<\/span><span class=\"c6\">, buttonText:<\/span><span class=\"c11\">&quot;OK&quot;<\/span><span class=\"c6\">]<\/span><\/p><\/td><\/tr><\/table><h3 class=\"c24\" id=\"hrxkcq83pt4xg\"><span class=\"c22 c12\">&nbsp;Script Editor<\/span><\/h3><p class=\"c7\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 606.49px; height: 185.50px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/3sfdL58KbsN12TQpVhpMCvvpnC512ksoCR9be26TmahN7j-fda1hF9RtbyneNfvOxZQUCy5CpVRf7mopu4LM6dIBRP4vHVoO5-gngXN7veb3nkT6I6iMK836fTRM3UwxbfBBsCG87zW2Es4\" style=\"width: 606.49px; height: 185.50px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c7\"><span class=\"c8\">You can add the commands into the script editor at the bottom of the screen. Here&rsquo;s an example:<\/span><\/p><a id=\"t.82de718e308f7f629d8887ba65cf59f340e5c9a2\"><\/a><a id=\"t.1\"><\/a><table class=\"c15\"><tr class=\"c29\"><td class=\"c20\" colspan=\"1\" rowspan=\"1\"><p class=\"c7 c26\"><span class=\"c10\">LB.Actions.displayBasicPopup(<\/span><span class=\"c19\">{<\/span><span class=\"c10\">title:<\/span><span class=\"c19\">&quot;The Popup Title&quot;<\/span><span class=\"c10\">, message:<\/span><span class=\"c19\">&quot;Hello world!&quot;<\/span><span class=\"c10\">, buttonText:<\/span><span class=\"c19\">&quot;OK&quot;}<\/span><span class=\"c10\">);<\/span><\/p><\/td><\/tr><\/table><h3 class=\"c0\" id=\"hxd3m7wd7o2bc\"><span class=\"c22 c12\"><\/span><\/h3><h3 class=\"c0\" id=\"h7fhi9p5t0ock\"><span class=\"c22 c12\"><\/span><\/h3><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><h3 class=\"c24\" id=\"h7hjg81mrpync\"><span class=\"c22 c12\">OnClick<\/span><\/h3><p class=\"c7\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 282.42px; height: 352.50px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/dFs44s3DqBrem835DlSfC1xq0JHub4FAwVN7Z9kduBgWvMhQvKX7h_00i_qQw2pHkY7npiQwX3fMI1wwuMn272S1veC9BTjsXYX8O8Gon8ub8Zw-8FYIAn3bh75dCZuH3ic5IaJ-C_x_AI4\" style=\"width: 282.42px; height: 352.50px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c7\"><span class=\"c8\">1.) Select the asset that you want to click in order to display your basic popup (in this case, it&rsquo;s an item)<\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c7\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 312.51px; height: 332.50px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/UKMgkPetRixMCBM5v5G2wtc2k0t9lsZJ5jXXyUd07VR2UUIS7ZiJkNNP1vQsBg4wY926ku1wdbLNdOf-JPN6Tx31CieUnZMGcggOTqyHkjYT1d-3fschjpaq87QI3YEp7bNLpFjRKwndORg\" style=\"width: 312.51px; height: 332.50px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c7\"><span class=\"c8\">2) Add the command into the onClick section in the Properties panel<\/span><\/p><p class=\"c7\"><span class=\"c8\">&nbsp;<\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><p class=\"c1\"><span class=\"c8\"><\/span><\/p><a id=\"t.542c9197c58e4f682766df8a52d7b20e6d9b1e9f\"><\/a><a id=\"t.2\"><\/a><table class=\"c15\"><tr class=\"c23\"><td class=\"c20\" colspan=\"1\" rowspan=\"1\"><p class=\"c7 c26\"><span class=\"c6\">{<\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">action<\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">:<\/span><span class=\"c11\">&quot;displayBasicPopup&quot;<\/span><span class=\"c6\">, <\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">title<\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">:<\/span><span class=\"c11\">&quot;The Popup Title&quot;<\/span><span class=\"c6\">, <\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">message<\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">:<\/span><span class=\"c11\">&quot;Hello world!&quot;<\/span><span class=\"c6\">, <\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">buttonText<\/span><span class=\"c11\">&quot;<\/span><span class=\"c6\">:<\/span><span class=\"c11\">&quot;OK&quot;<\/span><span class=\"c6\">}<\/span><\/p><\/td><\/tr><\/table><p class=\"c7\"><span class=\"c2\">&nbsp;<\/span><\/p><p class=\"c7\"><span class=\"c9 c21 c27\">Possible problem<\/span><span class=\"c9 c21\">: &nbsp;<\/span><span class=\"c9 c21 c25\">there is no &ldquo;onClick&rdquo; section in the Properties panel<\/span><\/p><p class=\"c7\"><span class=\"c8\">The onClick section is because a CAF (Custom Asset Field) has been created manually. If it is not present, you can add it to your cmp:<\/span><\/p><p class=\"c7\"><span class=\"c8\">-&gt;Top toolbar, select &ldquo;Project&rdquo;<\/span><\/p><p class=\"c7 c14\"><span class=\"c8\">-&gt;Project settings<\/span><\/p><p class=\"c7\"><span class=\"c8\">This box will pop up:<\/span><\/p><p class=\"c7\"><span class=\"c9\">&nbsp;<\/span><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 261.33px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/bWwDMk9HSYJFaDdm0tfBe3rCN3oZJMCgmTMUSzQfTi-2R247Imv5-SZC3ins1hk9L_NI-THMIyZ-YyrSVX0l9XR8n1RFLQRgFngML29KJNDhyRrxqy_3hDMsymYzgNSYkNlBrpOfmQKCxoU\" style=\"width: 602.00px; height: 261.33px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c7\"><span class=\"c8\">-&gt; Click the &ldquo;Custom Asset Fields&rdquo; tab (1)<\/span><\/p><p class=\"c7 c14\"><span class=\"c8\">-&gt; Click on the tab you want to add the CAF to (2)<\/span><\/p><p class=\"c7 c14\"><span class=\"c8\">(in this case it&rsquo;s to an item, but you could add it to an actor, location, etc<\/span><\/p><p class=\"c7 c14\"><span class=\"c8\">depending on your needs for the scenario)<\/span><\/p><p class=\"c5\"><span class=\"c8\">-&gt; Click on the &ldquo;Add New Field&rdquo; button (3)<\/span><\/p><p class=\"c5\"><span class=\"c8\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&gt; Type in &ldquo;onClick&rdquo; (it&rsquo;s case sensitive)<\/span><\/p><p class=\"c5\"><span class=\"c8\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&gt; Leave the Type as &ldquo;text&rdquo;<\/span><\/p><p class=\"c5\"><span class=\"c8\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&gt; Click &ldquo;OK&rdquo;<\/span><\/p><p class=\"c7\"><span class=\"c8\">Now the onClick CAF has been added, you can add in the command as explained earlier.<\/span><\/p><p class=\"c7\"><span class=\"c12 c22\">&nbsp;<\/span><\/p><p class=\"c7\"><span class=\"c12\">&nbsp;<\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><p class=\"c1\"><span class=\"c4\"><\/span><\/p><\/body><\/html>","protected":false},"excerpt":{"rendered":"DisplayBasicPopupHow to add to: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dialogue nodes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the script editor&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onClickDialogue Nodes&nbsp;You can add the commands directly into a dialogue node or into the dialogue text (found in the properties section). Here&rsquo;s an example:[action:&quot;displayBasicPopup&quot;, title:&quot;The Popup Title&quot;, message:&quot;Hello world!&quot;, buttonText:&quot;OK&quot;]&nbsp;Script EditorYou can add the commands into the script editor at the bottom of the screen. Here&rsquo;s an example:LB.Actions.displayBasicPopup({title:&quot;The [&hellip;]","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-4888","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>DisplayBasicPopup<\/title>\n<meta name=\"description\" content=\"DisplayBasicPopup\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DisplayBasicPopup\" \/>\n<meta property=\"og:description\" content=\"DisplayBasicPopup\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaverse Academy\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/\",\"url\":\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/\",\"name\":\"DisplayBasicPopup\",\"isPartOf\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY\",\"datePublished\":\"2024-06-18T00:52:05+00:00\",\"description\":\"DisplayBasicPopup\",\"breadcrumb\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#primaryimage\",\"url\":\"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY\",\"contentUrl\":\"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperspace.mv\/academy\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DisplayBasicPopup\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\",\"url\":\"https:\/\/hyperspace.mv\/academy\/\",\"name\":\"Metaverse Academy\",\"description\":\"Learn to build WebXR metaverse experiences for 3D, 360, VR\/AR\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hyperspace.mv\/academy\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"DisplayBasicPopup","description":"DisplayBasicPopup","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/","og_locale":"en_US","og_type":"article","og_title":"DisplayBasicPopup","og_description":"DisplayBasicPopup","og_url":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/","og_site_name":"Metaverse Academy","og_image":[{"url":"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/","url":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/","name":"DisplayBasicPopup","isPartOf":{"@id":"https:\/\/hyperspace.mv\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#primaryimage"},"image":{"@id":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY","datePublished":"2024-06-18T00:52:05+00:00","description":"DisplayBasicPopup","breadcrumb":{"@id":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#primaryimage","url":"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY","contentUrl":"https:\/\/lh7-us.googleusercontent.com\/SPoGmNSFYlu2pwEjT8rcghTmV7Z3HyYwYH5kCXhdw0jkOvziYMrxjirAu2GduhLvnKu6Udo_Wv0vlKafGsxx66xnrHL5cIKfa9V7ea8Y2XYjp1sqeYxXMFPynZEkyTxELIuAXPphxvyq0iY"},{"@type":"BreadcrumbList","@id":"https:\/\/hyperspace.mv\/academy\/displaybasicpopup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperspace.mv\/academy\/"},{"@type":"ListItem","position":2,"name":"DisplayBasicPopup"}]},{"@type":"WebSite","@id":"https:\/\/hyperspace.mv\/academy\/#website","url":"https:\/\/hyperspace.mv\/academy\/","name":"Metaverse Academy","description":"Learn to build WebXR metaverse experiences for 3D, 360, VR\/AR","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hyperspace.mv\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/4888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/comments?post=4888"}],"version-history":[{"count":0,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/4888\/revisions"}],"wp:attachment":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/media?parent=4888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}