Reloading CSS in SWFLoader loaded Flex app.

Hello,
I am having the following problem:
I have a Main application with a SWFLoader that loads a child Flex application. When a button is pressed, SWFLoader loads a new child Flex application. Currently LoaderContext for SWFLoader is created as follows:
var context:LoaderContext = new flash.system.LoaderContext(false, ApplicationDomain.currentDomain);
Everything seems to work okay except that CSS style sheets definded in the first child application cannot be overwritten by the CSS style sheets in the second.
After much research I see the following two options: 1. load style sheets externally using StyleManager.loadStyleDeclaration() method or 2. specify a different ApplicationDomain for the child Flex application.
The problem with solution #1 is I would like to keep all style sheets embedded in either the main application or each child application. So, my question is, how do load/reset CSS styles while keeping the CSS (or CSS compiled to SWF) embedded when StyleManager.loadStyleDeclaration() only takes a URL as a parameter?
The problem with solution #2 is as follows: when I change the ApplicationDomain property in the LoaderContext declaration to this:
var context:LoaderContext = new flash.system.LoaderContext(false, new ApplicationDomain(ApplicationDomain.currentDomain));
I get the following error when I load a second child application into the SWFLoader:
TypeError: Error #1034: Type Coercion failed: cannot convert spark.components::VScrollBar@64d6851 to spark.components.VScrollBar.
(See attached txt for full trace stack.)
I'm using Flex 4.0 beta 2 and Flash Builder beta 2.
Also, I found this article on per Module StyleManager which does not look like it has been implemented and is basically exactly what I'm trying to accomplish but with a SWFLoader instead ofModule.
If someone could please explain or point me in the right direction on how to either 1. load Flex 4 beta 2 application as a sub application domain app without generating VScollBar error (and if that will even solve overwriting CSS styles issue). or 2. how to load StyleManager.loadStyleDeclaration() from an embedded css or swf, I would greatly appreciate it.
Thank you in advance,
Ilya Voloshin

Alex, thank you for the quick reply -- I'll give it a shot. Where would I find the nightly builds? I found the source code repository, but if there's a nightly build I can check out, that would be much easier.
Thanks,
Ilya

Similar Messages

Flex app loading flex app

hello,
I have a Flex application which should load a cairngorm based
flex application.
I try to use the swfloader control like in the help docs but
the effect is that the app is loaded over and over again.
anytime the load is finished it get's loaded again....
thanks for any help
joerg

"madprocessor" <[email protected]> wrote in
message
news:g9o2tl$bu0$[email protected]..
> hello,
>
> I have a Flex application which should load a cairngorm
based flex
> application.
> I try to use the swfloader control like in the help docs
but the effect is
> that the app is loaded over and over again.
> anytime the load is finished it get's loaded again....
http://www.cflex.net/showfiledetails.cfm?ChannelID=1&Object=File&objectID=690

Loading purchased swf into Flash Builder 4 Flex app

I have purchased a Flash "fundraising thermometer" from an online Flash components site. It takes input from an xml file and displays a thermometer with the goal at the top and the current amount raised indicated. It came with the following files:
thermometer.swf
thermometer01.fla
thermometer01.html (A sample that works.)
xml/thermometer.xml (The source file: goal amount, current amount, mark interval, etc.)
caurina/transitions (Mostly .as files.)
Since the test html (thermometer01.html) works fine, I thought this would be a no-brainer.
I first unzipped the files into a "thermometer" folder in my current project. I then went into Flash Builder and created a SWFLoader object as follows:
<mx:SWFLoader
id="myLoader" source="../thermometer/thermometer.swf" complete="initThermometer();" autoLoad="true" scaleContent="false"/>\
private function initThermometer():void {
     Alert.show('Thermometer loaded');
The Design view looks fine. I can see the thermometer default image (see below).
When I run the app, I get no errors, just a broken image link in a box (see below). The alert box also never shows up.
I'm new to Flex, so I may be doing something stupid that keeps this from working. I contacted the author of the thermometer widget but he doesn't know anything about Flex.
Any help figuring out how to get this to work in a flex app would be appreciated.

You should probably add more event handlers to see what's going on. Especially "ioError". The complete list is below. For coverage, add a handler for each event. You can also use in MXML
     complete="initThermometer(event)
and add an argument to your Actionscript method, to find out details about the event.
private function initThermometer(event:Event):void {
     Alert.show('Thermometer loaded ' + event.type);}
Events
    complete="No default"
    httpStatus="No default"
    init="No default"
    ioError="No default"
    open="No default"
    progress="No default"
    securityError="No default"
    unload="No default
General info here:
     http://livedocs.adobe.com/flex/3/langref/mx/controls/SWFLoader.html
I did not test my code suggestions, but it's probably close.

SWFloader loads SWF movie within Flex but not when compiled

When I run my app in Flex, SWFLoader loads the SWF okay as a movie clip but as soon as I Export/Release Build, the new app SWF that is generated won't show the movie clip anymore. If I take another SWF that is an app (not a movie clip) and give it the movie swf name, my compiled app will show the sub app in a frame. Why would running something within Flex be any different than running a compiled version?
Here is some of the code:
button1 loads the swf.
button2 loads a sound and when the sound is loaded, the sound is played and the swf is played in onSoundLoaded();
public  function onSoundLoaded(event:Event):void{
var localSound:Sound = event.target as Sound;localSound.play();
var clip:MovieClip = MovieClip(swflodr.content);
clip.play();
private
function button1Handler(event:Event):void {Alert.show("test 1");swflodr.load(
"dog.swf");Alert.show(
"test 2");}
private
function button2Handler(event:Event):void
var s:Sound = new
Sound();s.addEventListener(Event.COMPLETE, onSoundLoaded);
var
req:URLRequest = new URLRequest("test.mp3");
s.load(req);
private function SwfLodrEventHandler(event:Event):void {
var clip:MovieClip = MovieClip(swflodr.content);clip.gotoAndStop(1);
Alert.show(
"The event loader is ready");}
thanks, Mike

Maybe timing? The child SWF may not be fully loaded. Sounds and SWFs are asynchronously loaded.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Can I load a swf into my Flex app that loads other swf's?

The code below loads an AS2 swf into my Flex mobile for IOS app and it works. If that AS2 swf has like a circle in it that runs across the stage, it loads and displays properly when run in FlashBuilder.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                                 xmlns:s="library://ns.adobe.com/flex/spark"
                                 xmlns:mx="library://ns.adobe.com/flex/mx"
                                 initialize="init()">
          <fx:Script>
                    <![CDATA[
                              import mx.core.UIComponent;
                              private var request:URLRequest = new URLRequest("http://PATH_TO_AS2_SWF");
                              private var loader:Loader = new Loader();
                              private var myComponent:UIComponent = new UIComponent;
                              private function init():void{
                                        myComponent.percentHeight = 100;
                                        myComponent.percentWidth = 100;
                                        loader.load(request);
                                        myComponent.addChild(loader);
                                        player.addElement(myComponent);
                    ]]>
          </fx:Script>
          <s:Group id="player"
                               height="100%" width="100%"/>
</s:Application>
But if that AS2 swf loads other swf's, they don't load or display. My FlashBuilder debugger reports no errors or security sand box violations.   I'm using the most elemental code in my AS2 swf so as to not cause problems. This is it in its entirety:
this.onLoad = function(){
          _root.loadMovie("http://[PATH_TO_REMOTE_SWF]");
The paths to the remote content are fine because swf's load and display fine from AS2 swf when run on it's own - not embedded in Flex app. They also load and run fine if I cut out the AS2 swf and access directly from my Flex code. So I know there isn't a path issue. More likely not accessing the right layer in the AS2 swf from Flex or something. Or maybe security sandbox violation but I don't see anything reported in the FlashBuilder debug console. When run console just reports:
[SWF] SwfMobile.swf - 2,639,761 bytes after decompression
[SWF] assets/swf/AS2.swf - 1,470 bytes after decompression
Is there something inherently wrong with loading swf's that load other things? Even if I have the AS2 swf load jpgs they don't load so the format of the target content at the end of the chain doesn't seem to be the issue. Just the act of embedding a swf that loads other things seems to be the problem.

Ah, yes. Using an AVM1 SWF could prove difficult...
I'm going on about 3 hours of sleep at the moment, but let me toss out a few thoughts I have and hopefully something will stick...
Ok, so my first thought what to try and cast the loaded content as a MovieClip and call methods on that, but the fact they are AVM1 throws that out the window.
That leaves LocalConnection, as you mentioned. But this would require you to have code on the receiving end to handle the connection... no good either.
But what if you created a "bridge" in AS2 that holds all the code for the receiving end of LocalConnection (or has the control logic itself, perhaps even eliminating the need for LocalConnection all together!). I think maybe this is what you were trying to do already by loading a SWF into a SWF? Well instead of loading your bridge at runtime, what if you statically linked it into your project as a class?
*a few moments later*
Well it looks like you can in fact link in a a symbol created for AVM1, but it will only come in as a SpriteAsset, and will not include any custom code (which makes sense, since they use entirely different class constructs).
To do the test, I created a symbol exported for actionscript (AS2/Flash8), then linked it in with a CSS style embed. I then instantiated the class and called describeType on it.
So in summery, it looks like calling custom code on the bridge is out (I did not test this extensively, that was just my first impression with this simple test). However, if you may be able to perform the actions you need by attempting to cast the loaded content into something AVM2 can recognize. Apparently it does this automatically when linked in statically, so maybe there is something there worth looking into... mainly, can you do what you need using only the base class and no custom code?
Keep me posted!

Issue in setting flex app in load balanced environment using SSL

I have developed the dashboard in my application using flex 3.0. For this I have used JSP wrapper around the flex application. My application runs on JBoss application server. for communication between flex app and my application i am using LCDS. HTTPService component is being used to receive data from the server. Channel definitions are given in service-config.xml for amf and http channels and for both secure secure and not secure mode. In my proxy-config.xml i have defined Channels and destinations.
services-config.xml
<channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel">
    <endpoint url="http://{server.name}:{server.port}/{context.root}/messagebroker/amf" class="flex.messaging.endpoints.AMFEndpoint"/>
    <properties>
          <polling-enabled>false</polling-enabled>
    </properties>
</channel-definition>
<channel-definition id="my-secure-amf" class="mx.messaging.channels.SecureAMFChannel">
    <endpoint url="https://{server.name}:{server.port}/{context.root}/messagebroker/amfsecure" class="flex.messaging.endpoints.SecureAMFEndpoint"/>
    <properties>
          <add-no-cache-headers>false</add-no-cache-headers>
    </properties>
</channel-definition>
<channel-definition id="my-http" class="mx.messaging.channels.HTTPChannel">
    <endpoint url="http://{server.name}:{server.port}/{context.root}/messagebroker/http" class="flex.messaging.endpoints.HTTPEndpoint"/>
</channel-definition>
<channel-definition id="my-secure-http" class="mx.messaging.channels.SecureHTTPChannel">
    <endpoint url="https://{server.name}:{server.port}/{context.root}/messagebroker/httpsecure" class="flex.messaging.endpoints.SecureHTTPEndpoint"/>
    <properties>
        <add-no-cache-headers>false</add-no-cache-headers>
    </properties>
</channel-definition>
proxy-config.xml
<default-channels>
    <channel ref="my-http"/>
    <channel ref="my-amf"/>
    <channel ref="my-secure-http"/>
    <channel ref="my-secure-amf"/>
</default-channels>
<destination id="dashboardService">
    <properties>
<url>/kr/servlet/DashboardServlet</url>
    </properties>
</destination>
<destination id="dashboardJSPService">
    <properties>
<url>/kr/krportal/dashboardJSPService.jsf</url>
    </properties>
</destination>
In my development environment both secure and non secure mode were working fine. Now when I have deployed it behind the load balancer(which accepts secure requests only and if the request is not secure it redirects it to secure url) there is no response from the message broker servlet. One thing more I have observed is when the environment is non load balanced there are request like 'http://{server.name}:{server.port}/{context.root}/messagebroker/http'. and these requests are post request. But in load balanced environment with ssl the request is again like 'http://{server.name}:{server.port}/{context.root}/messagebroker/http' which is a post request and it is redirected to 'https://{server.name}:{server.port}/{context.root}/messagebroker/http' which is a get request. The content returned by this get request is null.
Looking for some comments
Thanks
Abhishek Gupta

if the load balancing environment is already well configured, thes rest is very easy, there is no difference between a configuration of load balancing environment and a simple one, for you that is transparent, except the manual deployment and manual copying
of files in the directory 15

Debug flex app loaded from remote server

Hi,
I'm developing a flex app which gets loaded from a remote
server and it connects using amf to that server and gets some data.
Now, I can't test from within the flex builder ide, as the URL will
be empty. When I test using IE/Firefox pointing to the remote
server URL where this debug.html is mounted, the swf asks for a
host ip/name where a flash/flex debugger runs. When I give
localhost/127.0.0.1, it fails and displays the dialog box again. Is
there a way to connect the swf from remote server to connect to a
debug console inside the FB2 ide?

Well, I ran all commands shipped with FB2and found out that
fdb does connect and allows to "continue". Still the in IDE
developing experience and quick turn around isn't there. Is there a
way to get the URL from which the swf was loaded from within the
swf, so that if its a remote server, I can get data from it, else
its in debug state, so I can get data from some hard coded
host.

I tried to play candy crush, but when i launch, app closed. I tried all (reset, restart, reload, etc.) I have the app on my pc, but even if i try to sync, the app do not apply on my iphone. When i load the app direct on my iphone, same proplem, can t open

i tried to play candy crush, but when i launch, app closed. I tried all (reset, restart, reload, etc.) I have the app on my pc, but even if i try to sync, the app do not apply on my iphone. When i load the app direct on my iphone, same proplem, can t open

Thank you for your help are you aware of any apps that will work the iso 4.2.1 system that will let you watch movies on the phone. Also I tried to down load something else the other day and got message that Safari wont let you open this is ther any to see if i have the latest safari on my phone?

Flex app doesn't work when moved from original location

I'm trying to make an image gallery in flex. It works when I run it in Flex Builder perfectly fine. The html and swf files from the bin-debug folder work perfectly fine when opened in any browser also, but ONLY when those files and all related files are opened from the default location that the application was built in. When I export a build to a different folder, the swf loads but none of the information from the xml file displays. I tried setting all of the paths of the reference files (namely the xml) in the flex app to the exact absolute location on the server, and it still didn't work when I uploaded it to the server.
I've tried several approaches starting from scratch and they have all come up with the same issue. I'm working with an educational license for Flex Builder, I'm not sure if they jip you on those and ruin the compiled swf.
Please help! I'm losing my mind over this.I think it has to do with something else besides the code since it works fine when I hit "Run", but if anyone thinks it will help to post the code let me know.

when you build an application using one of the wizards (like coldfusion flex application wizard) it hard codes
paths to cold fusion CFC's, and sometimes gets it wrong.
If your application references cfc's (or other remote objects) then it may be necessary to adjust the flex code
when moving the code into a different base folder.
For example in my own application, the url is http://localhost/crm_dev_flex and the built application gets put into
c:\inetpub\wwwroot\crm_dev_flex\bin-debug
References in the code to components found in c:\inetpub\wwwroot\crm_dev_flex\bin-debug\components\cfgenerated
(in the flex code these looks like crm_dev_flex.bin-debug.components.cfgenerated.<mycomponent> )
These need to change when you move the code to somewhere else.
Also, if you are using wizard generated cfc's then these also contain similar references that need to be changed.
IHTH.
Cheers

Flex App with remoting works on local Apache server - fails on production server

Hi Everyone,
I have a Flex app that uses Data Services. The application works correctly on my local Mac Server and Apache. When uploaded to my production CentOS server, the Data Services fail. When the app is done loading, the following error message comes up:
Class "ModelsService" does not exist: Plugin by name 'ModelsService' was not found in the registry; used paths:
: /www/html/mdubb//PHP2/bin-debug/services/
#0 /var/www/html/mdubb/ZendFramework/library/Zend/Amf/Server.php(550): Zend_Amf_Server->_dispatch('getAllModels', Array, 'ModelsService')
#1 /var/www/html/mdubb/ZendFramework/library/Zend/Amf/Server.php(626): Zend_Amf_Server->_handle(Object(Zend_Amf_Request_Http))
#2 /var/www/html/mdubb/PHP2/bin-debug/gateway.php(73): Zend_Amf_Server->handle()
#3 {main}
Where getAllModels is a method of my custom ModelsService.
I changed the Zend path in the amf_config.ini file so it references the correct directory. If I browse to gateway.php, it prompts to download the file, which I think is correct.
I added in the config file the path to the services folder.
I tried adding $server->addClass("ModelServices") in gateway.php, but it didn't like that.
The file structure on the production server is the same as the local server (I litterally uploaded everything in my local web root), so I can't think of what would be differenet between the two.
I have already pulled one all nighter trying to get this to run. Do you know what I should troubleshoot next?
Thanks in advance,
Ryan

Hi,
With reference to Lumira 1.15, the minimal SP we support is BI 4.0 SP6. Please upgrade at least to this. Everything is detailed in the PAM https://websmp107.sap-ag.de/~sapidb/011000358700001095842012E
Best regards,
Antoine

How to have HTML tags in Flex app wrapper.

If I put this just below the <body> tag in my Flex app
HTML wrapper, it displays:
<h2>Greg Lafrance</h2>
But if I put that tag just above the ending </body>, it
does not show up.
I'm sure it is something simple, but can someone please
enlighten me?

Hi,
overflow property will tell the browser to hide the content
if it is overflowing the available space. Please find more details
at the URL below.
http://www.w3schools.com/Css/pr_pos_overflow.asp
IE is ignoring this style property and so we have scroll
property for the BODY tag also. As Tracy mentioned, these are set
to make sure Flex application occupies the browser.
Hope this helps.

Output CFC query to Flex app

I have a CFC which simply calls the DB and returns the
results to the Flex app.
CFC:
<cfcomponent>
<cffunction name="runQuery" output="false"
access="public" returntype="Query">
<cfquery name="qry_login" datasource="EWPROJ">
SELECT *
FROM ROBERTTEST
</cfquery>
<cfreturn qry_login>
</cffunction>
</cfcomponent>
Simple enough.......
Here is my Flex file...
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" creationComplete="initApp();">
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
[Bindable]
private var qry_result:ArrayCollection;
private function initApp():void //first thing to load
callCFC.runQuery()
private function resultHandler(event:ResultEvent):void
var qry_result:ArrayCollection = new ArrayCollection();
//New Array Object called p1
qry_result.source=event.result as Array;
trace(qry_result);
]]>
</mx:Script>
<mx:RemoteObject id="callCFC" destination="ColdFusion"
source="CFIDE.samples.FlexToCFC.CFC.myCFC"
result="resultHandler(event)"
showBusyCursor="true" />
</mx:Application>
my problem is within the [resultHandler] I want to simply
create a variable that will contain my results of the object I
passed so I can trace it to the screen.... I know that the object
is returning correctly, by tracing result.event. What am I doing
wrong here, cause it shows nothing.
I'm guessing that my problem is that I am not putting the
object into some sort of array or string where I can access it...
How do I do this correctly? Thanks everyone.

Ahhh,,, yes, I appologize. I will make better headings next
time.. Okay, I tried your solution and it printed out what I wanted
and more. SWEET!! Now I think all I need to do is put it in an
associated array so I can reference things better. Not sure yet,
but I'll play with it. Thanks again... Genius! BTW, here is the
output when I ran it:
mx.collections::ArrayCollection)#0
filterFunction = (null)
length = 6
list = (mx.collections::ArrayList)#1
length = 6
source = (Array)#2
[0] (Object)#3
NAME = "Rob Capilli"
TYPE = "Male"
[1] (Object)#4
NAME = "Meatball"
TYPE = "Cat"
[2] (Object)#5
NAME = "Sanket"
TYPE = "male"
[3] (Object)#6
NAME = "Sarah"
TYPE = "Female"
[4] (Object)#7
NAME = "1"
TYPE = "1"
[5] (Object)#8
NAME = ""
TYPE = ""
uid = "21B5BECE-6A2E-6940-9543-E830E43DAAFA"
sort = (null)
source = (Array)#2

Playing with Session Data in Flex App

Hi!
I'm trying to figure something small out.
1. Users login to (Index.php) and Session information is stored.
2. When I want to display specific session data, I use the code: $session->username
Now for the Flex Application
How do I display that "$session->username" in a label? on that exact page? (Index.php which loads the Flex App)
Any help is really appreciated.
Thanks!

I am going to assume by, "with subnods(sp)" you mean things nested like a tree control in the rows. The name of this control in Flex is AdvancedDataGrid, with that a simple google reveals:
http://flexgeek.wordpress.com/2007/06/13/simple-ganttchart-using-advanceddatagrid-of-flex-30-moxie/
http://flexpearls.blogspot.com/2007/06/advanceddatagrid-summary-roll-up-sample.html
http://livedocs.adobe.com/labs/flex/3/langref/mx/controls/AdvancedDataGrid.html
Adobe Labs info with known issue list:
http://labs.adobe.com/wiki/index.php/Flex_3:Feature_Introductions:_Advanced_DataGrid

Deleted sys.android.bar accidentally while side-loading android apps

I deleted sys.android.bar accidentally while side-loading android apps. How can I get it back?
Is there a way to get the bar file and reload it? I did try the older version that is floating around and it does not work.
I looked at the directions for reloading the OS here (http://www.blackberry.com/btsc/KB33480), but it seems your devie has to be non-functioning for that to work, and mine does load the OS. It is just android apps that do not work.
Also I own a MAC so in trying the KB article above I tried to use windows in a VM but it did not detect the device until it was completely booted.

After almost 2 days of ICS, here's another update:
CONS:
No notification on lockscreen. The heck important is that.
Calendar widget not even showing the next event.
Lag on Facebook, or even other social media apps while typing something.
SYSTEM UI IS NOT RESPONDING. I almost gone in that moment, where I did a quick Settings Reset after reboot. This is a major con, Sony.
Swiping up and down with many items is now unresponsive, sometimes stopping quickly at a certain point.
PROS:
Bloatwares can now be disabled, or even uninstalled in Apps Settings. I tried to remove What's App, appXtra, and UEFA.com bloatwares, and now it's gone. Let's Golf HD can now be disabled.

Ebedded Flex app does not play automatically

I have a flex app that is embedded in a web page.
When the page loads for the first time the app does not run
automatically but is in "loop" mode.
In order to embed the application in the html page we have
copied the html and javascript files that the Flex builder
generates :
AC_OETags.js, history.htm, history.js etc.
This only happens the first time the page is loaded,
subsequently it loads and plays automatically.
I would be grateful is anyone has some insight here.

Thanks for your answer, we found a similar workaround.
We did the following:
1) disable automatic starting of the SWF in the script that
created the plugin by adding these parameters:
"play", "false",
"loop", "false",
2) adding some own javascript to the template-html:
var isMovieLoaded = false;
function setIsMovieLoaded(){
isMovieLoaded = true;
function start(id) {
var swf = document.getElementById(id);
if (swf) {
swf.Play();
function playMovie(){
if( !isMovieLoaded ){
start( "${application}" );
window.setTimeout("playMovie()", 3000);
3) calling setIsMovieLoaded() via ExternalInterface from the
loaded application when initializing:
if (ExternalInterface.available)
ExternalInterface.call("setIsMovieLoaded");
This way when the application loads and plays correctly, the
delayed call to playMovie in the html-template does nothing,
because the flag isMovieLoaded was already set by the application.
If that is not the case, the movie is explicitly startet via
the start function.
Thanky anyway :-)

Reloading CSS in SWFLoader loaded Flex app.

Similar Messages

Maybe you are looking for