Flex application to display in the center

I have an application where I use viewStack with a login box and the main app. Code is as below.
<Application
     xmlns:mx="http://www.adobe.com/2006/mxml"
     layout="absolute">
          <mx:Script>
               private function handleAuthenticateSuccess(e:Event): void {
                    vsViews.selectedChild = applicationView;
               private function handleAuthenticateFailure(e:Event): void {
                    vsViews.selectedChild = loginView;
          </mx:Script>
<mx:VBox width="70%" height="70%" verticalScrollPolicy="off" horizontalScrollPolicy="off"
     horizontalAlign="center" verticalAlign="middle">
     <mx:ViewStack id="vsViews" width="100%" height="100%" paddingTop="0"
          creationPolicy="all">
          <mx:VBox id="loginView" horizontalCenter="0" verticalCenter="0" width="100%" height="100%">
                    <mx:Canvas width="100%" height="100%">
                         <views:LoginView width="100%" height="100%" />
                    </mx:Canvas>
                  </mx:VBox>
                  <mx:VBox id="applicationView" width="100%" height="100%" backgroundAlpha="0"
                         verticalScrollPolicy="off" horizontalScrollPolicy="off" paddingTop="0" borderStyle="solid" borderThickness="2"
                        verticalCenter="0" horizontalCenter="0" showEffect="Fade" hideEffect="Fade">
                         <views:Header width="100%" />
                        <mx:VBox width="100%" height="100%" paddingTop="0" paddingBottom="0">
                            <views:MainView id="mainView" width="100%" height="100%" horizontalCenter="0" verticalCenter="0"/>
                        </mx:VBox>
                        <views:ControlBar id="control" width="100%" height="22" />
                       <views:Footer width="100%" />
               </mx:VBox>
</mx:ViewStack>
</mx:VBox>
</Application>
Note that I am using only 70% of the browser as I do not need to use 100% of the browser. I am not been able to display the my app in the center.
Please let me know if you need more info. Any help would be appreciated.
Thanks.
KM

Please note
Your flex app is taking 100% of the browser
VBox is taking 70% of the flex app
In order to put ur things in the middle-center
change application layout from absolute to horizontal/vertical.
put verticalAlign/ horizontalAlign for your app accordingly.
Tanu

Similar Messages

Hi All,i am currently working on a flex application that will allow the user to change the language

Hi All,i am currently working on a flex application that will allow the user to change the language within the application from english to Japanese and vice versa. And everything works fine.
I am using flex 4.5
We allow the user to save records with english or japanese texts.
problem
When the user manually enters Japanese text and tries to save it the record defaults back to the default name (which is in english). But if you copy the entered text and paste it and then save it.It works fine.
Any idea , why this is happening?
Please let me know if the question is not clear.
Looks like there was already a bug
https://issues.apache.org/jira/browse/FLEX-28894?page=com.atlassian.jira.plugin.system.iss uetabpanels:all-tabpanel
Not sure why does it say , Resolved .
-KB
Message was edited by: bKartik.b

By Payal integration , you mean paypal button html ? or payment gateway setup etc ? If its a gateway configuration for your site domain then single page for all layout will work , but if you are using button code for all renditions then you would need to create separate pages for all.
Thanks,
Sanjit

Lock up with the apple displayed in the center of the screen? what to do?

I have an iPad2 that loccked up on a black screen with the Apple displayed in the center. i cannot power off or anything. any suggestions?

Have you tried a reset ? Press and hold both the sleep and home buttons for about 10 to 15 seconds (ignore the red slider if it appears), after which the Apple logo should (re-)appear - you won't lose any content, it's the iPad equivalent of a reboot

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

Any good Profiler for flex applications other that than the flash builder profiler

My application is huge application I have to monitor memory and performance. I want to use some good profilers other that the one provided by FB

Hi,
I have searched for it and found some names like The Miner , MonsterDebugger , SWFWire etc..
Please have a look at following sites :
http://stackoverflow.com/questions/7558678/flex-profiler-alternative
http://www.swfwire.com/debugger
http://jpauclair.net/flashpreloadprofiler/
Thanks and Regards,
Vibhuti Gosavi | [email protected] | www.infocepts.com

Custom Application Configuration not pulling the data in E-Recruiting

Hello,
My requirement is to make some fields 'required', hide some buttons, change button texts & hide some columns in standard wd component (ERC_A_REQ_MGMT) delivered by SAP. So I created an application configuration and component configuration and did the layout customization. Now in the application I am passing this new configuration name with the parameter (sap-wd-configId)(......sap/bc/webdynpro/sap/erc_a_req_mgmt?sap-wd-configId=ZZERC_A_REQ_MGMT)
As this is a portal environment, in LPD_CUST, In the application parameters, I've used this parameter (sap-wd-configId=ZZERC_A_REQ_MGMT). The custom application is displayed, however, the data is not being passed to this custom configuration, so when I open a exisiting requisition from dashboard, this is shown as empty screen (like a new requisition), but when I take off this parameter from the lpd_cust, the standard app is working fine. Can you please help me understand why the data is not being passed to the custom application configuration?
Really appreciate your insights.
Thank you.

Hi,
We faced the same issue in SAP E-recruiting EHP4 solution. The reason is, the configuration which is assigned statically in FPM editor is loaded after the OVERRIDE_EVENT_OIF and thus discards all context nodes which have been already initialized. Afterwards, the context node of has no value anymore and the field on UI doesnu2019t display anything.
Remove the static component configuration in the FPM editor and use the following code in the wddoinit method of the view V_GEN_JOB_INFO. This assignment happens at the runtime.
data: lo_api_controller          type ref to if_wd_component,
        lo_pers_manager            type ref to if_wd_personalization,
        ls_configuration           type wdy_config_key,
        lt_config_table            type wdy_config_table,
        ls_config_header           type wdy_config_header,
        lo_fpm                     type fpm_s_runtime_info,
        ls_fpm                     type fpm_s_runtime_info.
      lo_api_controller = wd_comp_controller->wd_get_api( ).
     lo_pers_manager = lo_api_controller->get_personalization_manager( ).
     lo_fpm = wd_comp_controller->go_fpm->get_runtime_info( ).
    ls_configuration-config_id    = u2018ZERU_REG_REQ_MGMT_UIu2019 u201C Your Component configuration name
    lo_pers_manager->load_config_by_key( ls_configuration ).
   Thanks,
   S Rajkumar.
Edited by: Rajkumar S on Aug 24, 2010 7:54 AM

Error while loading a swf created in flash cs4, inside a flex application

Hi there,
I have created a rotating logo in flash cs4 using motion presets, named logoRotar.swf. I have used this inside my flex application:
<mx:SWFLoader width="33.33%" height="100%" source="assets/logoRotar.swf">
When I execute the flex application, I get this runtime error message:
VerifyError: Error #1014: Class flash.geom::Matrix3D could not be found.
    at global$init()
    at fl.motion::AnimatorFactory3D/getNewAnimator()
    at fl.motion::AnimatorFactoryBase/addTargetInfo()
    at logoRotar_fla::MainTimeline()
I also tried adding import flash.geom.*; statement in my flex application, I still get the same message.
Flash player 10,0,22,87 is running in my browser.
Please help me out....
Cheers!
Deepak

Get Flex 3.3 and use -target-player=10
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Spring Flex application on weblogic 10.3

I have developed an Spring-Flex application. I did the necessary changes to be done in web.xml, spring-config.xml and services-config.xml. The application is working fine on Tomcat server. But when tried deploying .war of the application on Weblogic 10.3, the navigation of the application is failing. Even the messagebroker defined on startup page if not receiving.
Is there any server specific changes need to be done on Weblogic before deploying the .war file?
Please provide the pointers.

Hi,
Did you configure your application module to use a JDBC data source? To do this, right-click the app module in the navigator, select Configurations and in the dialog that comes up change the connection type to JDBC Data Source and enter your data source name - which should be the same as the data source you created on the weblogic server.
Also, I do suggest you create an EAR file - this is what we've tested and certified with. You can find more details in the deployment chapter of the fusion developer's guide: http://download.oracle.com/docs/cd/E12839_01/web.1111/b31974/deployment_topics.htm#CHDJJDDG.
Hope this helps
Blaise

Linking and displaying on the same page

Hello I am currently trying to build my website, I want to
click on a link in one table and the results to display in another
table on the same page. Example - I have a left column, center
table, and right column. In the left column "Athletic Diamonds" is
one of the choices, when this is clicked on I want a group of
photos to be displayed in the center table on the same page. How
can I do this?

You can use DW's SetText behavior to set the text of a
content region with
an ID to the desired HTML required to display the results.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"LPrime" <[email protected]> wrote in
message
news:ga1nqg$4cj$[email protected]..
> Hello I am currently trying to build my website, I want
to click on a
> link in
> one table and the results to display in another table on
the same page.
> Example - I have a left column, center table, and right
column. In the
> left
> column "Athletic Diamonds" is one of the choices, when
this is clicked on
> I
> want a group of photos to be displayed in the center
table on the same
> page.
> How can I do this?
>

Air application loading flex applications(no Air) with flex linked as RSL.

Hello
I am trying to make an AIR application which loads number of flex applications(no AIR). The subapplications are using the Flex SDK as a RSL, and each of them can use different version of the SDK.
The problem is that the subapplicationsare trying to load the needed SDK from local filesystem, which they are not permited.
public class CrossDomainRSLItem extends RSLItem
     override public function load(progressHandler:Function,
                                  completeHandler:Function,
                                  ioErrorHandler:Function,
                                  securityErrorHandler:Function,
                                  rslErrorHandler:Function):void

Hi again.
Is there any way to reliably edit the trust files with AIR application?
As I see it we have to make the user to add our folder to the trusted locations, or to use some application which can find and write in the FlashPlayerTrust (native for the specific OS installer for example.). (even finding this directory with an AIR application seems not 100% reliable).
Thanks in advance for you help.
Ps: Right now I am trying to patch this.
I compiled some sub-applications using custom preloader class(the controlling class, not the UI), where I removed the RSL loading. After that in an ApplicationDomain I load all the RSLs with loaders. After that I load the sub-application in the same domain. On paper this should work, but the sub-application can't find the classes from the RSLs(the first exeption is that there is no definition for spark.components.Application)

Risk of Flex application being decompiled

Hi there,
I want do develop a Flex application. How is the risk the
application can be decompiled by my clients? Of course, I want to
avoid that ... Perhaps there's a compiler option to exclude the
source from the swf? And even if so, can the sourcecode of my
application still be drawn from the published swf files somehow?
Does all this change when I deploy my application to the
desktop using AIR?
Thanks,
Andreas

It can be done.
Do not compile sensitive data into the swf.
Other than that, source code is just source code. There are
easier ways to find out how to do something than to decompile a
swf.
Tracy

Flash Video in flex Applications

I'm working on making a web cast template for my clients in
flex and I'd like to do the entire template in flex, however, I'm
not sure about the best way to go about importing flash video into
a flex application. Is it the same as flash 8? Does it include all
the automatic play controls that flash 8 offered?
The flv will be delivered via progressive download.

Hi
Flash and J2me both can be use differently, not together till now. We can either use Flash or J2ME as a development tool.
Cheers,
Rohan Chandane

Building Flex application with Flex Builder in a Remote Server - Cloud Computing

Hey Guys
I have a query or its confusion probably
I was just thinking if this kind of solution is existing or possible with say cloud computing or anything else?
This is what we all probably do for building our flex application?
1. There is Remote Server hosting our source code
2. Developer check out the code in their system locally by some Configuration tool like Perforce, CVS etc
3. Developer Install Flex Builder IDE locally and open the IDE and then create.build locally and then on testing check in the code in repository
All this is fine but we have some problem here
a. We have to get all the source code checked out/downloaded in some local machine
b. We have to install Flex Builder in each every developer machine with license.
A possible modification in the above can be as follows
1. Don't download/check out the source code locally in each machine
2. Create a mapped network drive of the Remote Repository and then work directly with the mapped network drive
3. Install Flex Builder locally
4. Start Flex Builder create a Flex Project with source code in the mapped network drive
But this has some potential problem as now the building of the flex application directly work with the mapped network drive. This is very slow especially when we Keep the "Build Automatically" Check box to true
My question is that can we have a solution like this ?
1. There is Remote Server hosting our source code
2. There is another 2nd Remote Server which support workspace for each user
3. Flex Builder installed in the 2nd Remote Server
4. Each Developer connects to the 2nd Remote Server log in to their workspace
5. Each developer check out code by connecting to 1st Remote Server. This code which is checked out now goes in their workspace in the 2nd Remote Server
6. Start Flex Builder instance which is running in the 2nd Remote Server
5. Each developer open source code modifies, build application in their workspace and check
I think this is something that I heard cloud computing can do ? Do anyone have any idea whether this kind of environment is possible in Flex or can anyone suggest something which is almost close to this ?
Regards
Biswamit

Hi
The concept of cloud computing is not even very clear to me
I think this is what I understood about it ...........from this link http://communication.howstuffworks.com/cloud-computing.htm
It says
"Instead of installing a suite of software for each computer, you'd only have to load one application. That application would allow workers to log into a Web-based service which hosts all the programs the user would need for his or her job. Remote machines owned by another company would run everything from e-mail to word processing to complex data analysis programs. It's called cloud computing, and it could change the entire computer industry"
"There's a good chance you've already used some form of cloud computing. If you have an e-mail account with a Web-based e-mail service like Hotmail, Yahoo! Mail or Gmail, then you've had some experience with cloud computing. Instead of running an e-mail program on your computer, you log in to a Web e-mail account remotely"
My issue is not with the license. The solution that I am looking for is
1. Don't want the developer to download the source code in any fashion either checked out or anything else in the local machine
2. Want the developer to work directly on the server
3. Looking for a solution where each developer is not required to install Flex Builder locally and the developer can use Flex Builder that is installed on the server and in his workspace and create/modify build on the server itself
Hope I could make you understand this time ................
Regards
Biswamit

Calling a FLEX application from html, using parameters

Hi guys,
I have this html:
<form name="getTracing" method="POST" action="http://syyzas400/ShipmentInquiry/ShipmentDetails.html">
          QuickTrace
<input type="text" name="TrackNbr" size="14" tabindex="1" maxlength="11">
<br>
Carrier
<select name="Carrier" tabindex="2" style="background-color: #D8E4FF; color: black;
                         font-family: Arial; font-weight: bold; font-size: 9pt; width=114">
          <option>Option1
          <option>Option2
          <option>Option3
</select>
As you can notice, there is an Input field ("TrackNbr") and a selection field ("Carrier") with three options... The user enters a Tracking Nbr.
in first field and chooses one of the three options from the second field and hits <enter>. In this moment, as you can see from "action" area, an html (part of a FLEX application) is called. The problem is that the parameters ("TrackNbr" and "Carrier") are not transmitted and I don't know how to do that.
This FLEX application accepts parameters using URL fragments technique (because could be called from another FLEX application, too)
but obviously this cannot work with the above described form.
I read about External Interface class, but everybody is talking about calling ActionScript functions, not FLEX applications. Being a newbie in this area,
I am sure I am missing something, but what?
Any help would be very appreciated, as usual...
Florin

Problem solved.
I got rid of the form tag (and "action", obviously); instead, I created a JavaScript function used for onClick event of the submit button. Inside this function, I captured the values (using getElementById method) of the input and select field and, using these values, I created the URL for my FLEX application (used with location.href property), and BAM! Everything works like a charm... I am even able to use the Back button to exit the FLEX app and return to the selection screen.
Now my question is, why does it work??? No complaints at all, just curiosity... I didn't use External Interface class, no exposed ActionScript functions prior calling frm JavaScript, no fancy stuff all sites I saw talking about...
Grizz..., I have a feeling that what you described above is a simpler and more advanced way to do about the same thing I did; am I right?
Thanks,
Florin

Prepopulating Flex application

Hi,
I am using flex applications for designing forms for Licecycle ES.
I have a problem about prepopulation of forms.
For XDP forms, I could prepopulate forms using render pdfform service.
But for rendering Flex forms, I could only see Read resource content service which only gets the application from defined resource.
And as I know, it has no capability of merging template and form data as I did for XDP forms.
For example my current problem is when process creator opens a form to initiate a process, I want to prepopulate the form with some userss
İnformation like name, departmet etc..
Is there any method to propose to solve this problem?
Note : As my flex form is opened in workspace (which is also a flex application ), and in workspace application I could see the username (commonname), may be it is possible to get this variable of parent applications from my flex form. If it is defined public..
Anyone knows how can I reach this variable?
Thanks in advance
Regards
Cihan

There is a way to do that. This is an extract from an email one of my colleague on the subject:
In your Flex form you will make use of the FormConnector (see Flex Language Reference under lc.core.FormConnector which is used to simplify communication between Flex app and Workspace ES) that exposes three events (formInitiallData, formSaveDataRequest, formSubmitDataRequest). This will let you run a function when the Flex form initializes in Workspace - -the goal of that function will be to make a call to retrieve the data required and merge it into the Flex form.
In order to retrieve the data required for pre-population a common need would be to retrieve data related to the logged in user making the start form request. This information is not known to your Flex Form but is known to the Workspace ES Flex application that is hosting the form. So what you will need to do here is gain access into the Workspace application to retrieve the current session. From that current session you can extract the id (sessionManager.authenticatedUser.oid) of the current user. This will be an argument to your function calling some external source for data to be pre-populated.
You can now make a call to the data source to retrieve the data you want. For example, call a LC process that is exposed as a Web Service taking as its input a users id (the oid you retrieved from the session) whose steps will make the call to the directory server and get the info you need (e.g. department, manager, employee id, etc.) to prepopulate and return it back to the Flex form.
I do not have a working sample of this but below is a portion of sample code that would be in the Flex form and reflects what was discussed above.
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:lc="http://www.adobe.com/2006/livecycle" creationComplete="connector.setReady()" width="100%" height="100%">
<lc:FormConnector id="connector"
formInitialData="initialData(event)"
formSaveDataRequest="returnFormData(event)"
formSubmitDataRequest="returnFormDataForSubmit(event)"/>
<mx:Script>
<![CDATA[
import lc.domain.SessionMap;
import lc.core.ISessionManager;
private function getUserId():string
var session:SessionMap = SessionMap(Application.application.session);
var sessionManager:ISessionManager = ISessionManager (session.getObject("lc.core.ISessionManager"));
return sessionManager.authenticatedUser.oid;
Private function prepop(userId:String):XML
\\add code to call Web Service and retrieve info to prepopulate (in our example à name, dept, mgr)
private function initialData(event:DataEvent):void
if (event.data != null && event.data != "")
xmldata = new XML(event.data);
else
var myUID:String = getUserId();
xmldata = prepop(myUID);
]]>
</mx:Script>
<mx:VBox horizontalCenter="0" verticalCenter="0" width="100%" height="100%">
<mx:Form id="theForm" backgroundColor="0xffffff" width="100%" height="100%">
<mx:FormHeading label="My form"/>
<mx:FormItem label="Name" required="true">
<mx:TextInput id="userName" text="{xmldata.name}" change="xmldata.name = userName.text; connector.setDirty()"/>
</mx:FormItem>
<mx:FormItem label="Name" required="true">
<mx:TextInput id="userDepartment" text="{xmldata.dept}" change="xmldata.dept = userDepartment.text; connector.setDirty()"/>
</mx:FormItem>
<mx:FormItem label="Name" required="true">
<mx:TextInput id="userManager" text="{xmldata.mgr}" change="xmldata.mgr = userManager.text; connector.setDirty()"/>
</mx:FormItem>
</mx:Form>
</mx:VBox>
</mx:Application>
I hope that helps.
Jasmin

Flex application to display in the center

Similar Messages

Maybe you are looking for