Beamable Live Game Management

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="ZxBkLArdRMnMxKYXKkBBMQgRPJkmNP38wEjHnG4o"> <title>Beamable Live Game Management</title> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "name": "Beamable Live Game Management", "description": "We designed and coded a new UI/UX skin for this Unity-driven LiveOps game management platform.", "image": "https://updivision.com/images/updivision_blue.png" } </script> <meta name="description" content="We designed and coded a new UI/UX skin for this Unity-driven LiveOps game management platform."> <meta itemprop="name" content="Beamable Live Game Management"> <meta itemprop="description" content="We designed and coded a new UI/UX skin for this Unity-driven LiveOps game management platform."> <meta itemprop="image" content="https://updivision.com/storage/uploads/projects/6fd17793ab94bae92e9627749edce0a2.jpg"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@updivision"> <meta name="twitter:url" content="https://updivision.com/portfolio/beamable-live-game-management"> <meta name="twitter:title" content="Beamable Live Game Management"> <meta name="twitter:description" content="We designed and coded a new UI/UX skin for this Unity-driven LiveOps game management platform."> <meta name="twitter:creator" content="@updivision"> <meta name="twitter:image" content="https://updivision.com/storage/uploads/projects/6fd17793ab94bae92e9627749edce0a2.jpg"> <meta name="keywords" content="UI/UX redesign, live game management, LiveOps"> <meta property="og:url" content="https://updivision.com/portfolio/beamable-live-game-management" /> <meta property="og:title" content="Beamable Live Game Management" /> <meta property="og:description" content="We designed and coded a new UI/UX skin for this Unity-driven LiveOps game management platform." /> <meta property="fb:app_id" content="144048456292977" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://updivision.com/storage/uploads/projects/6fd17793ab94bae92e9627749edce0a2.jpg" /> <link rel="icon" type="image/png" href="https://updivision.com/images/favicon.png">  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TJKP38K'); </script>   <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="084bbab7-9760-4daf-8234-4835422058f7" data-blockingmode="auto" data-consentmode="disabled" type="text/javascript"></script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1969596456486032'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=1969596456486032&ev=PageView &noscript=1"/> </noscript>   <link rel="stylesheet" type="text/css" href="https://updivision.com/css/jquery.bxslider.min.css"> <link rel="stylesheet" type="text/css" href="/css/app.css?id=2f0fc6a0a6f6021649e20d8b2a535898"> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> </head> <body data-spy="scroll" data-target="#myScrollspy" data-offset="15" class="lang-en" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJKP38K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="container-fluid video-background" style=" background-image: url(https://updivision.com/images/headers/header-1.jpg); " > <div class="top-section"> <nav class="navbar navbar-default my-navbar"> <div class="container top-container"> <div class="navbar-header"> <button type="button" id="main-menu" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-top-navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar-1"></span> <span class="icon-bar icon-bar-2"></span> <span class="icon-bar icon-bar-3"></span> </button> <a class="navbar-brand" href="https://updivision.com" title="UPDIVISION"> <img src="https://updivision.com/images/homepage/logo-white.svg" title="UPDIVISION" alt="UPDIVISION"> </a> </div> <div class="collapse navbar-collapse" id="bs-top-navbar"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown first-row-item hide-on-mobile language_menu" style="margin-right: 7px;"> <a href="https://updivision.com" class="dropdown-toggle item_padding" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/earth.svg" class="menu-icon" style="margin-right:3px;" alt="Language">EN</a> <ul class="dropdown-menu dropdown-menu-language"> <li class=" hidden "><a href="https://updivision.com">EN</a></li> <li class=""><a href="https://updivision.de">DE</a></li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile mb-3"> <a href="#" class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/bookmark.svg" class="menu-icon" title="Blog" alt="Blog">Knowledge</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/blog" title="Blog">  Blog </a> </li> <li><a class="knowledge_item" href="https://updivision.com/resources" title="Resources"> Resources</a> </li> <li><a class="subscribe-toggle-site knowledge_item" href="#" title="Newsletter"> Newsletter</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/guest-posts" title="Write for us">Write for us</a> </li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile careers"> <a href="https://updivision.com/careers" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Careers"> <img src="/images/homepage/animations/star.svg" class="menu-icon" title="Careers" alt="Careers"> Careers </a> <ul class="dropdown-menu dropdown-menu-left careers_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/careers?variable=tech" title="Technical"> Technical</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/careers?variable=non-tech" title="Non-technical">Non-technical</a> </li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile mb-3 free_stuff"> <a href="#" class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/heart_1.svg" class="menu-icon" title="Blog" alt="Blog">Free stuff</a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/product-roadmap" title="Free product roadmap"> Free product roadmap </a> </li> <li><a href="https://updivision.com/free-ui-ux-app-assessment" title="Free UI/UX assessment"> Free UI/UX assessment</a> </li> <li> <a href="https://updivision.com/build-team" title="Get software talent CVs"> Get software talent CVs</a> </li> </ul> </li> <li class="desktop_break"><br /></li> <li class="dropdown second-row-item hide-on-desktop first-second-row-item "> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.de" title="Germany">German</a></li> </ul> </li> <li class="show-on-mobile"><a href="https://updivision.com" title="UPDIVISION">Home</a></li> <li id="what_we_do" class="second-row-item"> <a href="#" id="what_we_do_link" role="button" aria-haspopup="true" aria-expanded="false">What we do<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul id="parent_menu" class="dropdown-menu dropdown-menu-left"> <li id="services" class="dropdown-submenu"> <a href="#" class="dropdown-toggle on_mobile" id="services_link" tabindex="-1">Services</a> <a href="https://updivision.com/services" class="dropdown-toggle on_desktop" tabindex="-1">Services</a> <ul id="submenu" class="dropdown-menu"> <li class="dropdown-item"><a href="https://updivision.com/services" tabindex="-1" title="Get your software built">Get your software built</a></li> <li class="dropdown-item"><a href="https://updivision.com/services-devs" tabindex="-1" title="Get devs & teams">Get devs & teams</a></li> <li class="dropdown-item"><a href="https://updivision.com/services-ux" tabindex="-1" title="Get UI/UX">Get UI/UX</a></li> </ul> </li> <li><a href="https://updivision.com/products" title="Products">Products</a></li> <li><a href="https://updivision.com/technology" title="Technologies">Technologies</a> </li> <li><a href="https://updivision.com/opensource" title="Open Source">Open Source</a> </li> <li><a href="https://updivision.com/industries" title="Industries">Industries</a> </li> </ul> </li> <li class="dropdown second-row-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/portfolio" title="Projects">Projects</a> </li> <li><a class="more-padding" href="https://updivision.com/testimonials" title="Testimonials">Testimonials</a></li> </ul> </li> <li class="dropdown second-row-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/ourstory" title="Story">Story</a> </li> <li><a href="https://updivision.com/team" title="Team">Team</a></li> <li><a href="https://updivision.com/values" title="Values">Values</a> </li> <li><a href="/press-kit" title="Press Kit">Press Kit</a></li> <li><a href="https://updivision.com/faq" title="FAQ">FAQ</a></li> <li class="nav-item-to-show"><a href="https://updivision.com/contact" title="Contact">Contact</a></li> </ul> </li> <li class="second-row-item"><a href="https://updivision.com/contact" title="Contact">Contact</a></li> <li class="dropdown show-on-mobile"> <a class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Blog">Knowledge</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a href="https://updivision.com/blog" title="Blog">  Blog </a> </li> <li><a href="https://updivision.com/resources" title="Resources"> Resources</a> </li> <li><a class="subscribe-toggle-site" href="#" title="Newsletter"> Newsletter</a> </li> <li><a href="https://updivision.com/guest-posts" title="Write for us"> Write for us</a> </li> </ul> </li> <li class="show-on-mobile"><a class="subscribe-toggle-site" href="#" title="Newsletter">Newsletter</a></li> <li class="dropdown first-row-item show-on-mobile"> <a href="https://updivision.com/careers" class="dropdown-toggle item_padding" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Careers"> Careers </a> <ul class="dropdown-menu dropdown-menu-left careers_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/careers?variable=tech" title="Technical"> Technical</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/careers?variable=non-tech" title="Non-technical">Non-technical</a> </li> </ul> </li> <li class="dropdown show-on-mobile"> <a class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Blog">Free stuff</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a href="https://updivision.com/product-roadmap" title="Free product roadmap"> Free product roadmap </a> </li> <li><a href="https://updivision.com/free-ui-ux-app-assessment" title="Free UI/UX assessment"> Free UI/UX assessment</a> </li> <li> <a href="https://updivision.com/build-team" title="Get software talent CVs"> Get software talent CVs</a> </li> </ul> </li> </ul> </div> </div> </nav> <div class="container top-container"> <div class="intro center"> <div class="row"> <div class="col-md-8 intro-text"> <h1>Beamable Live Game Management</h1> <p>We designed and coded a new UI/UX skin for this Unity-driven LiveOps game management platform.</p> </div> </div> </div> </div> </div> </div> <div class="container move-up"> <div class="subscribe-pop-up site" id="subscribe-pop-up"> <div class="close-pop"><i class="fa fa-close"></i></div> <div class="content"> <iframe id="JotFormIFrame-223491411808353" class="JotFormIFrame" title="Monthly Newsletter" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/223491411808353?condition=modal" frameborder="0" style=" min-width: 100%; border:none;" scrolling="no" > </iframe> </div> </div> <div class="project-section"> <div class="top-info"> <a class="back" href="https://updivision.com" title="Updivision - Portfolio"> Back to Industries </a> <ul class="categories"> <li><a href="https://updivision.com/portfolio" data-filter-tag="1" title="Updivision - web apps">#webapps </a></li> </ul> </div> <div class="row project-section-row"> <div class="project-carousel"> <ul class="bxslider-project"> <li><img src="https://updivision.com/storage/uploads/projects/c39ad12a89a0e84fbffc7432d7c2f4c9.png" title="Beamable Live Game Management" alt="Beamable Live Game Management"></li> <li><img src="https://updivision.com/storage/uploads/projects/b47a99e07610b3ef4365506f9e69236b.png" title="Beamable Live Game Management" alt="Beamable Live Game Management"></li> <li><img src="https://updivision.com/storage/uploads/projects/82f1dbf1f11eef6e8372b8f332a032ed.png" title="Beamable Live Game Management" alt="Beamable Live Game Management"></li> </ul> </div> </div> <div class="row project-section-row"> <div class="col-md-6 text"> <h1>Project story</h1> <p>Beamable helps game creators build and launch their games faster by providing powerful game features and end-to-end prefabs for Unity. The goal was a complete redesign of their online portal, including bringing together two of their legacy platforms into one cohesive structure. We handled a complete UI/UX product design overhaul, as well as the frontend development. </p> <p>The first phase of the project consisted in building the new UI and achieving parity with the two legacy web portals. This meant building the existing features into the new platform and moving the player portal into this new structure (the player portal previously existed as part of a separate platform). After this first step, we worked on UI/UX improvements and adding new features. This included, among others, more advanced in-game messaging features, a calendar view for in-game events, a game tree for managing development, staging and production realms, a new onboarding flow, a dashboard with game metrics and many more.</p> </div> <div class="col-md-6 text"> <h1>Technologies and architecture</h1> <p>The frontend for the new platform was mainly built using Vuetify.</p> <h1 style="margin-top: 40px;">Main activities and responsibilities</h1> <p><span style="color: #1d1d1d; font-family: Lato, sans-serif; font-size: 14px; text-align: center; background-color: #ffffff;">Project planning & management, UI/UX design, frontend development, testing, deployment</span></p> </div> </div> <div class="row project-section-row buttons"> <div class="col-sm-6 up-btn right"> <a class="btn btn-default" title="See testimonials" href="https://updivision.com/testimonials" role="button">See testimonials</a> </div> <div class="col-sm-6 up-btn left black"> <a class="btn btn-default" title="Contact us for a quote" href="https://updivision.com/contact" role="button">Contact us for a quote</a> </div> </div> </div> <div class="subscribe-popUp-footer site"> <div class="close-pop"><i class="fa fa-close"></i></div> <div class="content"> <h2 class="sub-message site"></h2> <div class="sub-error footer"></div> </div> </div> <div id="footer" class="footer"> <div class="bg-black"> <div class="first_section"> <div class="row footer-row"> <div class="col-md-12 links-sections"> <div class="row"> <div class="col-xs-12 col-sm-3 col-md-2 info-section"> <div class="left-footer"> <div> <div> <img class="btm-logo" src="https://updivision.com/images/homepage/logo-white.svg" alt="Updivision - logo"><br> </div> <div> <p class="left-footer_title">Follow us on:</p> <ul class="left-footer_list"> <li> <a href="https://www.linkedin.com/company/updivision" title="UPDIVISION LinkedIn" target="_blank"><img src="https://updivision.com/images/footer/linkedin.svg" title="linkedin" alt="linkedin"></a><br> </li> <li> <a href="https://www.facebook.com/updivision/" title="UPDIVISION Facebook" target="_blank"><img src="https://updivision.com/images/footer/facebook.svg" title="facebook" alt="facebook"></a><br> </li> <li> <a href="https://dribbble.com/updivision" title="UPDIVISION Dribbble" target="_blank"><img src="https://updivision.com/images/footer/optimized/dribbble.svg" title="twitter" alt="twitter"></a><br> </li> </ul> </div> <div class="email_us"> <p class="left-footer_title">Email us at:</p> <a href="/cdn-cgi/l/email-protection#6f000909060c0a2f1a1f0b0619061c060001410c0002" target="_top"><span class="__cf_email__" data-cfemail="82ede4e4ebe1e7c2f7f2e6ebf4ebf1ebedecace1edef">[email protected]</span></a><br> </div> </div> </div> </div> <div class="col-xs-12 col-sm-9 col-md-5 menu-links"> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2>About</h2> <ul> <li><a href="https://updivision.com/ourstory" title="Updivision - Story">Story</a></li> <li><a href="https://updivision.com/team" title="Updivision - Team">Team</a></li> <li><a href="https://updivision.com/values" title="Updivision - Values">Values</a></li> <li><a href="https://updivision.com/portfolio" title="Updivision - Portfolio">Portfolio</a></li> <li><a href="https://updivision.com/testimonials" title="Updivision - Testimonials">Testimonials</a></li> <li><a href="https://updivision.com/careers" title="Updivision - Careers">Careers</a></li> </ul> </div> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2 class="title_no-wrap">What we do</h2> <ul> <li><a href="https://updivision.com/services" title="Services">Services</a></li> <li><a href="https://updivision.com/products" title="Products">Products</a></li> <li><a href="https://updivision.com/technology" title="Technologies">Technologies</a></li> <li><a href="https://updivision.com/opensource" title="Open Source">Open Source</a></li> <li><a href="https://updivision.com/industries" title="Industries">Industries</a></li> </ul> </div> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2>Knowledge</h2> <ul> <li><a href="https://updivision.com/blog" title="Updivision - Blog">Blog</a></li> <li><a href="https://updivision.com/resources" title="Updivision - Resources">Resources</a></li> <li><a href="https://updivision.com/faq" title="Updivision - FAQ">FAQ</a></li> <li><a href="https://updivision.com/press-kit" title="Press Kit">Press Kit</a></li> <li><a href="https://updivision.com/privacy-policy" title="Privacy Policy">Privacy Policy</a></li> <li><a href="https://updivision.com/cookie-policy" title="Cookie Policy">Cookie Policy</a></li> </ul> </div> </div> </div> </div> <div class="col-xs-12 col-md-5 newsletter"> <div class="row newsletter_content d-flex"> <div class="col-xs-12 col-sm-12 col-md-11 newsletter_content d-flex"> <div class="subscribe_footer" id="subscribe-footer"> <iframe id="JotFormIFrame-223491411808353" class="JotFormIFrame" title="Monthly Newsletter" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/223491411808353?condition=footer" frameborder="0" style=" width: 100%; border:none; min-height:200px;" scrolling="no" > </iframe> </div> </div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="section-images d-flex"> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://updivision.com/blog/post/updivision-is-now-iso-certified-quality-management-and-information-security-management"><img src="https://updivision.com/images/footer/ISO_9001.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://updivision.com/blog/post/updivision-is-now-iso-certified-quality-management-and-information-security-management"><img src="https://updivision.com/images/footer/ISO_27001.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://backpackforlaravel.com/?ref=updivision"><img src="https://updivision.com/images/footer/backpack.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://www.creative-tim.com/"><img src="https://updivision.com/images/footer/creative_tim.svg" alt="creative_tim"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://themesberg.com/"><img src="https://updivision.com/images/footer/Themesberg_badge.svg" alt="Themesberg_badge"></a></div> </div> <div> <div class="good-firms footer_badge"><a target="_blank" href="https://www.amplifyre.com/company/updivision"><img id="app-development" src="https://updivision.com/images/footer/amplifyre.svg" alt="Amplifyre"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a href="#"><img src="https://updivision.com/images/footer/laravel-certified-company.svg" alt="Laravel Certified Company"></a></div> </div> <div class="footer_badge_2"> <div class="clutch-widget widget" data-url="https://widget.clutch.co" data-widget-type="1" data-height="50" data-clutchcompany-id="340270"></div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © UPDIVISION 2010-2025. All rights reserved.</p> <br/><br/> </div> </div> </div> </div>  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/js/app.js?id=feb290a5e86c40e987a6bc64bcce676e"></script> <script src="/js/script.js?id=5f751ef8013c16ca2eca8a0ec87d2317"></script>  <script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <script src="https://updivision.com/js/jquery.bxslider.js"></script> <script src="https://updivision.com/js/project-slider.min.js"></script> <script src="https://updivision.com/js/projects.js"></script>  <script src="https://updivision.com/js/subscribe-site.js"></script> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-223491411808353"); if (ifr) { var src = ifr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf("?") > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&')); } if (src && src.indexOf("?") > -1) { iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&")); src = src.substr(0, src.indexOf("?")) } iframeParams.push("isIframeEmbed=1"); ifr.src = src + "?" + iframeParams.join('&'); } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; } var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); $('.sub-message.site').hide(); } }; window.isPermitted = function(originUrl, whitelisted_domains) { var url = document.createElement('a'); url.href = originUrl; var hostname = url.hostname; var result = false; if( typeof hostname !== 'undefined' ) { whitelisted_domains.forEach(function(element) { if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) { result = true; } }); return result; } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-223491411808353"); if (ifr) { var src = ifr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf("?") > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&')); } if (src && src.indexOf("?") > -1) { iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&")); src = src.substr(0, src.indexOf("?")) } iframeParams.push("isIframeEmbed=1"); ifr.src = src + "?" + iframeParams.join('&'); } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; } var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; window.isPermitted = function(originUrl, whitelisted_domains) { var url = document.createElement('a'); url.href = originUrl; var hostname = url.hostname; var result = false; if( typeof hostname !== 'undefined' ) { whitelisted_domains.forEach(function(element) { if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) { result = true; } }); return result; } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script> </body> </html>

CINXE.COM

Beamable Live Game Management