The customer I am working for wants to display popup in an AIR application (designed in Flex 4).I will therefore use TitleWindow and PopupManager for this (or NativeWindow could be an option too).
Pretty basic, I can handle this.
Trouble is, this customer would like this popup to be looking as a Fancybox, that is, with the close button, slightly out of the popup.
I would like to add some fancy drawing beyond the CSS formatting. How can I put a skin on a spark Label ?
View 1 RepliesI'm having a hard time removing some type of shadow in a button control. Here's the button:
The button that's giving me trouble is the "zoomer" one. As you can see, the borders are not straight. I assume that there's some kind of gradient/shadow or sth that's inherited from the default skin.
[Code]...
I have a few Skinnable Containers that have children components, such as an image component or a button bar etc. It seems that when I add the skin, the Skinnable container looks great, but all my children components of that container seem to disappear.
Example:
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
[Code]....
In the above example, the Skin works just fine, but the image contained within the SkinnableContainer will disappear.
If my understanding of Flex is correct, skins in Flex are just DisplayObjects that are added as children to UIComponents to create the visual representation of the object. But if my understanding of the Flash event model is correct, if there is a non-transparent DisplayObject on top of another, mouse events will go to the topmost DisplayObject. The overlapped DisplayObject won't receive any mouse input.
So how is it that skinned Flex UIComponents work at all?
I need to keep a NativeWindow I am creating on top of the main window of the application. Currently I am using alwaysInFront = true, which is not limited to the windows in the application. I can successfully synchronize the minimize/restore/move/resize actions, so the top window behaves appropriately in those cases. Even though using this option has the drawback that if I alt-tab to other application the window goes on top of the other application.
Because of the above I am trying to get it to work without using the alwaysInFront. I have tried using orderInFrontOf and orderToFront, which gets it in place but when I click an area in the main window the top one becomes hidden i.e. air makes it the top one. I have tried capturing activate/deactivate events but it only happens on the first click, so on the second click the top window becomes hidden again. I also tried making the top window active when the main one becomes active, but that causes the main one to loose focus and I can't click on anything. I am doing this to improve the behavior of a HTMLOverlay I am using - see [URL]
Can a Flax Air Window (NativeWindow) be modal? how?
View 2 RepliesI have to convert an Air application to the web application.I created a web project and I copied all classes to that project +main.mxml.now the problem that i have is the nativeWindow is just work in
[Code]...
If I don't specify width and height values for a TitleWindow, it will be resized to fit it's contents when I show it using PopUpManager. But there are moments when some components inside will be resized, like a ComboBox which dataProvider is loaded asynchronously, or another component which was not visible and I'd like to set it's includeInLayout to true. In those moments, I'd like to tell the TitleWindow to resize itself to fit window contents. I've tried calling invalidateSize() and invalidateDisplayList() with no success.
View 2 Replies[code]...
when i add this two elements label and button both are displayed on same position
my label size increases dynamically so i want to add that button below that label
here for titleWindow i want to set layout how i can do that[code]...
I am using PopupManager in FB4 to display a custom dialog.
popwin = new TitleWindow();
popwin.addElement(myCustomDialog);
PopUpManager.addPopUp(popwin,this,false);
PopUpManager.centerPopUp(popwin);
It's possible to drag the popped up TitleWindow and let go of it when its gray title bar lies outside the bounds of the Flex app rectangle,and then the popup cannot be grabbed again.It's also possible to drag the TitleWindow downwards so it becomes completely invisible below the bottom edge of the Flex app rectangle.When the Flex app bounds are less than the full browser window,and the user is working quickly, this chances of this happening increase.Is there a simple setting that will keep this from happening, or must the programmer intercept the behavior during the drag operation?
I have some labels in a title window in my application. When i change locale it gets changed but labels in the titleWindow do not change. When I check the locale chain using resourceManager.localeChain it returns the array of locales and newly selected locale is on the zero index of it
View 1 Repliesi can not have 2 popup TitleWindows instances simultaneously.How can i have more than 1 TitleWindow instance which can be moved arround?[code]
View 2 RepliesI want to open TitleWindow in flex Module.
My Main page is Application Page and I want to open Module page from Main Page. In Module page there is TitleWindow control. I want to popup title window in Module Page.
I would like to know how I can add maximize and restore functionalities to a Flex TitleWindow. I used something like this <s:Button label="maximize panel" click="Panel1.height = 300;Panel1.width = 300"/> where Panel1 is the id for TitleWindow but there was not effect for it.
how to add buttons on the titlewindow title( so that I can include buttons for maximize and minimize).
I have problem. I'd like to make dragable am Air TitleWindow application only by titlebar/header. I have this code, but its dragable everywhere.
[Code]...
I'm building a user login page and I want to go from titleWindow to Panel. I'm using the following function but it always takes me back to parentApplication.
how can I go to my panel and not to Application page?
I know that I'm using parentApplication but what should I use instead?
Here is a part of my code:
private function handleLogin(event:ResultEvent):void {
Alert.show("You have succesfully logged in.", "Information", Alert.OK, null, null, null, Alert.OK);
[Code]....
I have a problem with redrawing in flex 4. I have a spark titleWindow, and if i drag it faster, it looks like it's mask is one frame late after the component. it's easily visible with 1pixel thin border, because it becomes invisible even with slower movement.
You can try it here (what is not my page, but it's easier to show you here than uploading example):[URL]..
If you move in direction up, you see disappearing top border. in another directions it's not that sensitive as it has wide shadow, and it's not very visible on shadow. On my computer i see it on every spark TitleWindow i have found on google, although it's much less visible with less contrast skins, without borders or with shadows.
how can i get a title window with all rounded corners, so that i may make it whole round or circular shape ?
View 2 RepliesI want to be able to show a Spark TitleWindow container as a modal without having to construct it by code via AS3. I tried creating the TitleWindow before-hand manually by dragging and resizing it around and adding objects, etc then hiding it. Then on a button, I set the called function to the ones below:
public function doPopup():void {
testWindow.visible = true;
PopUpManager.addPopUp(testWindow, this, true);
}
Unfortunately, this only shows testWindow but not as a modal. I want it to be like this so that I can freely resize and design the layout of my TitleWindow and only have to call some function to show it as a modal one.
I'm a GIS Analyst that was moved to an Analyst Programmer position. This has been a hard transition for me as I don't have much of a programming background, but I was thrown into it. 'm working on a Flex app inside a jsp page. Essentially it is a grid 3x2 that has images and text. What I am trying to do is have more than one titleWindow reference in this page, so that when an image is clicked a titleWindow is opened. (If anyone has a better idea, especially if it has to do with a hover I am very open to that!) Currently I have it working for one image. However, when I try to add a second function it errors on me. "Error 1021: Duplicate function definition" Below is the entire code for the main page that calls up the titleWindow. The code below is what gives the Error 1021.
<?xml version="1.0" encoding="utf-8"?>
<![CDATA[
import flash.geom.Point;
[code]....
I have a modal Flex dialog and want to make the background not of the window itself, but the semitransparent modal indicator transparent. (Yes I tried to convince the client they don't want to do this, but apparently they really want to do it). Is this even possible?(prefer a solution using Flex 3's TitleWindow, but Spark/Flex 4 TitleWindow is acceptable)
View 3 RepliesMy Flex application is one consisting of several "subapps". Basically, the main application area is an ApplicationControlBar with buttons for each of the subapps. The rest of the area is a canvas where the subapps are displayed.Only one subapp is visible at a time. When switching between subapps, we do a canvas.removeAllChildren(), then canvas.addChild(subAppSwitchedTo).It's essentially a manual implementation of a ViewStack (the pros and cons of which are not the topic of this, so refrain from commenting on this).In one of my subapps (let's say subapp "A"), I have a search function where results are displayed in a TitleWindow that gets popped up. Workflow is like enter search criteria, click search button, TitleWindow pops up with results (multiple selection datagrid), choose desired result(s), click OK, popup goes away (PopUpManager.removePopUp), and continue working. This all works fine. The problem is if I switch to a different subapp (say "B" -- where A gets removeAllChildren()'d and B gets added), then switch back to A and search again, when the results TitleWindow pops open, there will be TWO stacked on top of each other. If I continue to navigate away and back to A, every time I search, there will be an additional popup in the "stack" of popups (one for each time A gets addChild()'d).
I'm not sure what to do about it and it's causing a serious usability bug in my application.It's like I somehow need to flush the PopUpManager or something (even though I'm correctly calling removePopUp() to remove the TitleWindow).[code]
I'm working with Flex 3.4 SDK. I need to change the default close button image from a TitleWindow. So what I'm doing is defining a CSS selector, like this:
TitleWindow {
close-button-skin: Embed('assets/close.png');
border-color: #FFFFFF;
corner-radius: 10;
closeButtonDisabledSkin: ClassReference(null);
closeButtonDownSkin: ClassReference(null);
closeButtonOverSkin: ClassReference(null);
closeButtonUpSkin: ClassReference(null);
}
The problem is: the result image is totally squeezed beyond recognition. Probably because the image dimensions are 55x10 pixels (much wider than the default closebutton square-like dimensions) and flex forces it to fit that size.
I'm using PopupManager to display (not modal) popups in Flex.How can I make the background of my TitleWindow popup completely transparent?Now it is semi-transparent.. see picture with semi-transparent background (i.e. I just want the label inside visible):
[URL]
Maybe, instead of making it transparent I could try to reduce the padding, in order to make only the children visible ?
I have made a custom ActionScript mxml component, which is a spark TitleWindow with a text area, which header (titlebar) should display a green background if it finds the word 'success' in its text, or red, if it doesn't.
My problem is that I don't know where to access and modify this property, and the only turnaround I've found is binding the 'chromeColor' of the TitleWindow to depend on a boolean that will change depending on whether I find or not the word 'success'. And this does change the TitleBar background to the color I desire, however, it also changes the scrollbar color, for example, which is a bit nasty. The code for my class is the following:
[code]...
While I was trying to change the fontSize of titlebar of TitleWindows, the whole container changes to new font Size. But I do not want to achive this. I would like to get it only on the titlebar.The code I have used (not successful)
<s:TitleWindow name="MyTitleWindow"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
[code]....
I am using Flex4 and Spark.
In my application, I have a chart that I want to display in a TitleWindow when clicked on.
var win:TitleWindow = PopUpManager.createPopUp(this, TitleWindow, false) as TitleWindow;
win.addChild(myChart);
PopUpManager.bringToFront(win);
It does indeed place the chart in the titlewindow that shows up, but it removes the original chart from the parent. Then, when the titlewindow is closed, my chart is simply gone. I can't figure out how to clone the chart -- all the methods I've tried failed
Solution:
public var barChart:BarChart;
public function onClick(e:Object):void
{
[Code].....
I'm trying to open/close a TitleWindow using PopUpManager.addPopUp() and PopUpManager.removePopUp() while reusing the same TitleWindow instance. I noticed that the creationComplete() is only called once for TitleWindow even if I open it several times and was wondering what events I should listen to for the succeeding popup loads.
View 1 RepliesI'm trying to add a DataGrid inside a spark TitleWindow and for some reason its not showing up correctly.When I put the same code in the main mxml, it comes up correctly. The exact same code shows up weird in the TitleWindow.
<mx:DataGrid x="10" y="51" width="535" height="215" id="musicianGrid">
<mx:columns>
<mx:DataGridColumn headerText="First Name" dataField="firstName" width="90"/>
<mx:DataGridColumn headerText="Last Name" dataField="lastName" width="90"/>
[code]....
Within the titlewindow it looks like this In the main mxml it looks like this There is no change in the code...