4 Replies Latest reply on Apr 13, 2010 5:23 PM by BineG84

    Problem fading text on a transparent background

    BineG84

      Hi everyone and i hope you can help me with my problem.

      I have an application where i have several of my components that extend UIComponent and contain amongst other things a TextField. According to information i found elsewhere im fading them by setting their filters property to include a dummy Blur filter (therefore converting text to a bitmap). This all works fine until i wanted to have a transparent background.

        • 1. Re: Problem fading text on a transparent background
          Peter deHaan Level 4

          If you embed the font you should be able to set it's alpha without needing the dummy Blur filter. I think the blur filter trick only applied when you were trying to fade/rotate device fonts.

           

          Peter

          • 2. Re: Problem fading text on a transparent background
            BineG84 Level 1

            Sorry... posted too soon.. and as it turns out i cant edit my post so i lost everything i posted again..

            Well to continue...

            I tried setting my application background alpha and the alpha of component where my components with TextField are, to 0 and adding a wmode: transparent param in my embed code which looks like this (i use swfobject lib):

            <script type="text/javascript">
                    swfobject.registerObject("sh_widget", "9.0.0", "expressInstall.swf");
            </script>

            <object id="sh_widget" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="150">
                    <param name="movie" value="<?php echo e_PLUGIN."mrdj_shplayer/player/"; ?>MrDJWebWidget.swf" />
                    <param name="wmode" value="transparent" />
                    <param name="base" value="<?php echo e_PLUGIN."mrdj_shplayer/player/";?>" />
                   
                    <!--[if !IE]>-->
                    <object type="application/x-shockwave-flash" data="<?php echo e_PLUGIN."mrdj_shplayer/player/"; ?>MrDJWebWidget.swf" width="480" height="150">
                    <param name="wmode" value="transparent" />
                    <param name="base" value="<?php echo e_PLUGIN."mrdj_shplayer/player/";?>" />
                   
                   
                    <!--<![endif]-->
                      <p><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></p>
                    <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                  </object>

            But i still get a gray background when embedded. So i tried setting the alpha property under Border/Alpha section to 0. Then everything is transparent except for one Label! If i remove the Blur filter the components show up but the Fade doesnt work. Also if i only change that alpha setting to lets say 50% i can see my components semitransparent so i guess that affects everything but that Label which makes no sense to me.

            Can anyone point out the problem (and preferably a solution also )  for me?

            Thanks

            • 3. Re: Problem fading text on a transparent background
              BineG84 Level 1

              Thank you Peter but embedding doesnt work. Plus my swf grows to twice its size...

              • 4. Re: Problem fading text on a transparent background
                BineG84 Level 1

                Well im off banging my head against the wall for being dumb.. just realized ive been setting the gradientAlpha property to 0 instead of backgroundAlpha property.. works fine now.

                 

                Bang, bang...