1 Reply Latest reply on Jun 10, 2010 10:19 AM by David_F57

    Is it possible to have a transparent bg?

    adamgeework

      something like what you can export in flash so you can see the browser's background.

       

      Thanks

        • 1. Re: Is it possible to have a transparent bg?
          David_F57 Level 5

          hi,

           

          you normally do this through the html template, there are 2 places that this could work usually you should get the transparency by going into the

           

          index.template.html add the 2 lines as hilited in red. Clean your project just to make sure that it will recreate your project html next time you do a build. Don't forget to set the application background alpha to 0

           

           

                  <script type="text/javascript" src="swfobject.js"></script>

                  <script type="text/javascript">

                      <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. -->

                      var swfVersionStr = "${version_major}.${version_minor}.${version_revision}";

                      <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->

                      var xiSwfUrlStr = "${expressInstallSwf}";

                      var flashvars = {};

                      var params = {};

                      params.quality = "high";

                      params.bgcolor = "${bgcolor}";

                      params.allowscriptaccess = "sameDomain";

                      params.allowfullscreen = "true";

                     params.wmode="transparent";

                      var attributes = {};

                      attributes.id = "${application}";

                      attributes.name = "${application}";

                      attributes.align = "middle";

                      swfobject.embedSWF(

                          "${swf}.swf", "flashContent",

                          "${width}", "${height}",

                          swfVersionStr, xiSwfUrlStr,

                          flashvars, params, attributes);

          <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->

          swfobject.createCSS("#flashContent", "display:block;text-align:left;");

                  </script>

              </head>

              <body>

                  <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough

          JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show

          when JavaScript is disabled.

          -->

                  <div id="flashContent">

                  <p>

                  To view this page ensure that Adobe Flash Player version

          ${version_major}.${version_minor}.${version_revision} or greater is installed.

          </p>

          <script type="text/javascript">

          var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");

          document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"

          + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );

          </script>

                  </div>

            

                 <noscript>

                      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="${width}" height="${height}" id="${application}">

                          <param name="movie" value="${swf}.swf" />

                          <param name="quality" value="high" />

                          <param name="bgcolor" value="${bgcolor}" />

                          <param name="allowScriptAccess" value="sameDomain" />

                          <param name="allowFullScreen" value="true" />

                         <param name="wmode" value="transparent"/>

                          <!--[if !IE]>-->

                          <object type="application/x-shockwave-flash" data="${swf}.swf" width="${width}" height="${height}">

                              <param name="quality" value="high" />

                              <param name="bgcolor" value="${bgcolor}" />

                              <param name="allowScriptAccess" value="sameDomain" />

                              <param name="allowFullScreen" value="true" />

                          <!--<![endif]-->

                          <!--[if gte IE 6]>-->

                          <p>

                          Either scripts and active content are not permitted to run or Adobe Flash Player version

                          ${version_major}.${version_minor}.${version_revision} or greater is not installed.

                          </p>

                          <!--<![endif]-->

                              <a href="http://www.adobe.com/go/getflashplayer">

                                  <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />

                              </a>

                          <!--[if !IE]>-->

                          </object>

                          <!--<![endif]-->

                      </object>

              </noscript>

             </body>