Flex Application Stage Size and Scale

I am trying to create a Web and Desktop flex application for people who may have less than perfect vision. I would like to allow the users to magnify everything on the screen (including text, buttons, images, etc.) if necessary. I have gotten the magnification step down using the following code in the main Application
var matrix:Matrix = this.transform.matrix;
var scale:Number = 2;
matrix.scale(scale, scale);
this.transform.matrix = matrix; // this refers to the main Application
Of course, by doing so, the Flex Application will be too big for the Flash Player window and only the top left quarter of the application is visible. I figure the next step is to decrease the Flex Application stage size by 50% to compensate. For some reasons, I can't figure out how to change the stage size of the Flex Application so that it only occupies the top left quarter of the Flash Player window.
Any thoughts? Thanks a lot!

Instead of manipulating the application, why not wrap all your content inside a container with scroll bars? You can then magnify the content and scroll it.
I'd give it a go, but I have loads of other things to do and I can't help wondering if the browser is better at magnifying content.

Similar Messages

One project published with two stage sizes and shapes?

I’ve got one project that must be deployed in two different size & shape layouts, online running in a 760 x 700 box (almost square) and also on a wide screen kiosk running 1120 x 700 (wide rectangular). Maintaining two separate layouts has been time consuming and thus costly.
The compromise solution is to design a 1120 x 700 layout with the core functional elements placed on the right side of the stage, branding, supporting data, and eye candy filling the left. The idea is to crop the stage in the online version showing only the right most 760 x 700 content (all the core elements) while showing the complete stage for the kiosk. Branding for the online version is provided by the html container. I know how to use masks and edit the html to show only the left side of the stage but I’m not sure how to show only the right side of the stage since moving the mask does not change the (0,0) point of the stage.

As well as the reply from Anish about using your program on 2 computers, you need to ask in the program forum for how to best use the programs to do what you want
http://forums.adobe.com/community/premiere_elements/content
http://forums.adobe.com/community/premiere/content

Flash Stage Size and HTML

Is there a way to set a swf up via html to allow what's
outside the canvas on the left and right sides but not the top and
bottom.
Meaning, I have a large scrolling photo gallery, and what I'd
like to happen is that if a user has a resolution of 1900xWhatever,
the window will stretch out and they can see photos that are off
stage (since the stage is only 950xWhatever).
Is this possible?
Thanks in advance for the help!
K

What have you used as your html Export settings in Flash? (In
Publish settings)
You should be able to resize the swf (proportionately) and it
will scale.

Report page scaling/zoom for paper size and field width?

Are there ways to design a report, or programmatically set a report to dynamically resize based on factors such as paper size (A4 vs. Letter vs. Legal), orientation (portrait vs. landscape), and field width (e.g fields grow and shrink based on data)? We are looking at ways to dynamically choose paper size and scale. This would be similar to how Excel files can adjust for printing depending on paper, and PDF files can zoom in/out for paper size.
Thanks,
Kyle

We don't want to add fields dynamically at runtime. Instead we want to automatically resize fields at runtime to properly fit data on the page. Currently with our 400 reports, data fields have gotten longer over the years so important data is being truncated. We'd like it if fields could properly grow/shrink/scale so that the data is always valid. We'd like it if the user flips from portrait to landscape, the field widths automatically grow to use the entire page. Or, if a user goes from Letter to A4, pagination still works properly and the fields get slightly wider to fit the A4 standard.
What we don't want is to have a version of the report for portrait Letter, portrait A4, portrait Legal, landscape Letter, landscape A4, landscape Legal, etc. It would be a support nightmare.
I don't know if it is possible, but I'm hoping it is. Thanks for the help.
Kyle

How to read JBoss server 'app.properties' file in the deployed Flex application?

Hi, my current Flex project is using LCDS server to make call (Remote object call and Data managements services' call) to the backend Java services and consume data to render. I have defined the AMF and RTMP channels in the services-config.xml file and destinations for the Java services' in the remoting-config.xml and data-management-config.xml files.
     <channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel">
            <endpoint url="http://localhost:8080/eqcFlex/messagebroker/amf" class="flex.messaging.endpoints.AMFEndpoint"/>
            <properties>
                <polling-enabled>false</polling-enabled>
            </properties>
     </channel-definition>
As of now both the Flex application WAR file and Java services EAR files are depolyed on the JBoss server on my machine, therefore I can hardcode the endpoint URL as http://localhost:8080 in the services-config file and hit the Java services.
But the requirement is that the Flex application WAR file needs to be deployed on JBoss servers deployed on different machines and hence the endpoint URL cann't be hardcoded in the services-config.xml file. Is there a way we can pick up the endpoint URL from the JBoss server's app.properties file so that we can dynamically create channels in Actionscript code and make call to the backend services with dynamic endpoint URL?

But in Command prompt I found out that My properties file by name
'cedrelay.properties' is not recognised by web.xml.My web.xml structure is
How does web.xml "recognize" anything?
You specify the properties file as an init parameter. Do you read it in the init method of the servlet? If so, what does the code look like for reading the properties file?
You'll have better luck if you put that properties file in WEB-INF/classes and load it as a resource input stream from the CLASSPATH.
%

Best Testing tool to test the flex application?

Hi
What is the best tool to test the flex application ... and why? any ideas.... We are using flex unittest runner... better than this any thing other tools available....
Thanks
Ram

Hi,
try flexunit associated with SpringActionscript. Very Powerful. You can test over service call, testing UIComponent, validations and many more.

IPhone / iPad universal publish stage size

I've tried the iPhone & iPad publish setting to publish for both devices. My code is designed to detect the stage size and layout the content differently according to the dimensions. Whenever I use this publish setting though the app on both devices only acts as if the stage size is the one set in authoring. If I set it to 1024x768, that's how big it shows up on the iPod. If I set it to 480x320, that's how big it shows up on the iPad.
Am I missing something in my code? Even if I'm not changing the orientation, do I still need to listen to a resize event and THEN do my basic setup?

Hi, I think the stage size is a different property from the screen size? The stage size stays the same no matter how it is scaled within the screen, so Stage.stageWidth etc will always give the same value.
Have a look at System.Capabilities.screenResolutionX / screenResolutionY instead.
Hope it helps,
Peter

Close a flex application using AS3

Hi everyone,
I am building a flex application using AS3, and I would like
to allow the user to close the application through a CLOSE button.
Do you know how can I do that ??
I traied with fscommand("quit"); but it dosen't work.

The rules are that UIComponent cannot be used in the download progress bar. You'll need to use really low level objects.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Trying to make a flex application scalable in its display size by using a "Host-swf" - Problem

We created a flex application using Flex 3. What we are
trying to do is to make this application scalable in its display
size. That means we want the application to scale itself to exactly
fit the size of the browser window without using a scrollbar like
normal Flash-swfs do. Sadly flex application don't scale like a
normal flash swf.
To get a workaround for this we created a so called
"Host-swf" with flash CS3. This Host-swf loads the flex application
and adds it as a child. And voila: When calling the Host-swf our
application can scale.
We used this code to achive this:
var oUrlRequest:URLRequest = new
URLRequest("Flex-Application.swf");
var oURLLoader:Loader = new Loader();
oURLLoader.load(oUrlRequest);
addChild(oURLLoader);
This works perfectly as long the browser window is larger
then the resolution of the host-swf (900*600) when calling the url
for the application:
Picture showing the
scaling
But it doesnt't work out when the browser window is smaller
than 900*600. The application is then shown with a scrollbar, and
when resizing the browser window the scrollbar is still there:
Picture showing the
application with scrollbar
Maybe anyone already tried to achive the same thing and has a
different solution for us?
Thank you in advance!

"noby_95" <[email protected]> wrote in
message
news:gpsue6$rhh$[email protected]..
> We created a flex application using Flex 3. What we are
trying to do is to
> make
> this application scalable in its display size. That
means we want the
> application to scale itself to exactly fit the size of
the browser window
> without using a scrollbar like normal Flash-swfs do.
Sadly flex
> application
> don't scale like a normal flash swf.
>
> To get a workaround for this we created a so called
"Host-swf" with flash
> CS3.
> This Host-swf loads the flex application and adds it as
a child. And
> voila:
> When calling the Host-swf our application can scale.
>
> We used this code to achive this:
>
>
> --------------------------
> var oUrlRequest:URLRequest = new
URLRequest("Flex-Application.swf");
> var oURLLoader:Loader = new Loader();
> oURLLoader.load(oUrlRequest);
> addChild(oURLLoader);
>
>
> -------------------------
>
> This works perfectly as long the browser window is
larger then the
> resolution
> of the host-swf (900*600) when calling the url for the
application:
>
http://www.gansl-online.de/Bild1.jpg
>
> But it doesnt't work out when the browser window is
smaller than 900*600.
> The
> application is then shown with a scrollbar, and when
resizing the browser
> window the scrollbar is still there:
>
http://www.gansl-online.de/Bild2.jpg
>
> Maybe anyone already tried to achive the same thing and
has a different
> solution for us?
When I set the Application width and height to a percentage
number, it will
change its size based on the size of the window.

How can I have my adobe flex application scale to fit the users screen ?

I have been looking on google and couldn't find a answer. I have a application I created in adobe flex and I need it to scale to the users screen and fill the entire browser window no matter what.

If you want your application to fill the user's whole screen you could set it to be in FullScreen
Application.application.stage.displayState = StageDisplayState.FULL_SCREEN
Write the above code into the callback of "applicationComplete"
Hope this helps

Is it possible to export of the stage of a Flex application in vector format?

Is it possible to export of the stage of a Flex application in vector format?
Right now our only option is to render our graphs to a (large, off-screen) bitmap and export that bitmap, which is a real shame because every
component in Wondergraphs is 100% vector based. Anyone at Adobe know more about this?

Hi.
Try start->search for pen and touch--> then uncheck "Use your finger as an input device" in the Touch tab.

Drag and Drop between Flex application

Hello,
Can we implement the Drag and Drop functionality between 2
FLEX applications?
Each flex application is in its own IE.
Thank you,
Thierry

To my knowledge you can't drag and drop anything between 2
windows in a browser using any technique in the way that you mean.
In other words, I don't think you can even do this in javascript
between 2 windows.
You can use LocalConnection to simulate this though, by
having the drag manager notify the other application when it leaves
the stage, so that when you reach the other application it will
start the drag effect again in that window.

[svn:fx-trunk] 12007: When the Internet Explorer browser window is obscured Stage. width and Stage.height never return the proper sizes until/ unless the IE window is unobscured long enough for the player to feel it needs to render initially .

Revision: 12007
Revision: 12007
Author:   [email protected]
Date:     2009-11-19 12:45:27 -0800 (Thu, 19 Nov 2009)
Log Message:
When the Internet Explorer browser window is obscured Stage.width and Stage.height never return the proper sizes until/unless the IE window is unobscured long enough for the player to feel it needs to render initially. This was preventing our preloader from completing, since we were waiting for a non-0 Stage size. Took a slightly different approach to solving the bug for which the original logic was added to work around.
QE notes: None
Doc notes: None
Bugs: SDK-24191
Reviewer: Alex, Evtim
Tests run: Checkin
Is noteworthy for integration: No
Ticket Links:
    http://bugs.adobe.com/jira/browse/non-0
    http://bugs.adobe.com/jira/browse/SDK-24191
Modified Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/managers/SystemManager.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/preloaders/Preloader.as

Revision: 12007
Revision: 12007
Author:   [email protected]
Date:     2009-11-19 12:45:27 -0800 (Thu, 19 Nov 2009)
Log Message:
When the Internet Explorer browser window is obscured Stage.width and Stage.height never return the proper sizes until/unless the IE window is unobscured long enough for the player to feel it needs to render initially. This was preventing our preloader from completing, since we were waiting for a non-0 Stage size. Took a slightly different approach to solving the bug for which the original logic was added to work around.
QE notes: None
Doc notes: None
Bugs: SDK-24191
Reviewer: Alex, Evtim
Tests run: Checkin
Is noteworthy for integration: No
Ticket Links:
    http://bugs.adobe.com/jira/browse/non-0
    http://bugs.adobe.com/jira/browse/SDK-24191
Modified Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/managers/SystemManager.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/preloaders/Preloader.as

Grey colored space on right and bottom of Flex application

Hi,
I have a flex application that is integrated with SAP WD to be used as Flash Island.
Yesterday I upgraded my Flash player from version 10_ax_debug to version 10.2.159.1.
Since then I am getting grey colored space on right and bottom of application.
Can you please tell me how do I get rid of it?
Please refer to attached image (I have marked this grey empyt space by red-colored rectangle) .
Thanks and regards,
Amey

Reset the page zoom on pages that cause problems.
*<b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
*http://kb.mozillazine.org/Zoom_text_of_web_pages
You can use an extension to set a default font size and page zoom on web pages.
*Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/

Flex Application architecture with web and air interface both using common components.

We have a flex based e-learning application. It uses HTTP REST service and webservice to communicate with ASP.Net application to fetch and store data.
We now want to develop an adobe air version of the user interface, which the students can download on their desktop as well as mobiles (Android, others).
What would be a good architecture for such an application which has both web and windows interface. I can see that we can reuse almost 80% of the code of our web version. But I do not want to copy and create a new windows app from the flex web app. I would want to have both co-exist.
Let me know a good article that I can read on this.

I dug deeper and found the concept of Shared Common Library. I am trying to implement that.

Flex Application Stage Size and Scale

Similar Messages

Maybe you are looking for