I made this simple application to demonstrate my problem. It has:
An image A button that launchess a popup window Scroll bars on the side
[Code]...
Is there a way to make everything "modal" except the main scroll bars? I know that I could put a scrollbar on the Panel but I would prefer to avoid this.
I 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 am using the below given code to try to make the transparency 0, but I still am unable to make the background become absolutely transparent.
<mx:Style>
global {
modalTransparencyBlur: 0;
[code].....
I want to make a modal effect like a popup window in Flex, but with pure as3.
I put a filled Shape with a blur on it but doesn't look the same. I am assuming the blur effect is applied on the stage, but this would also blur the popup window. I also want several layers of modal+popup like "do you want to delete this?" and pressing yes => "are you sure?" Kind of thing.
I'm using Adobe FLEX 4.5.1 for Mobile.I have a List that displays some images:
<s:List id="imageList" initialize="init()" verticalScrollPolicy="off" itemRenderer="skins.CustomIconItemRenderer" width="100" height="32" verticalCenter="0" horizontalCenter="0">
[code]......
How do you change the html scrollbar (the one that you see in the far right of your browser) with your own images? I know it's possible because i've seen it before.
P.S.: I am aware of and I know how to change the color of the scrollbar. That is not what's expected. Also i think it's made possible by Javascript.
I'm currently trying to make the contents of a window draggable and disabling the scrollbars on it.
This is the code i got to create the window and add the contents to the window. The window creates flawlessly and the contents gets loaded too but i can't get the contents to drag by clicking on the contents itself.
Code:
zoom_win = mx.managers.PopUpManager.createPopUp(_root, Window, true, {title:page_url, closeButton:true});
zoom_win.createObject("ScrollPane", "zoom_pane", 0, {contentPath:page_url, _x:3, _y:31});
For example: Say the application has two VBox with vertical layout. There is a Button in first VBox and when clicked, there is a custom modal popup being shown. By default the whole background of the application remains blur, but I want the second VBox to be visible. Is this possible? If yes how can i accomplish this?
View 2 RepliesI'm trying to make a popup alert modal window thing with an external class. I have a simple swf set up with just some random sample text, a rectangle, and a button. What I want to happen is for the "alert" class to initialize upon startup of the swf and then when I click the button (instance: btn), the alert will show up. If I get rid of all AS in the swf and set alert as the document class, it shows up just fine, so I think it should be working, but for some reason I get this instead when I try the button function:
[Code]...
Create a modal popup to popup with popupmanager (mine is a group with a skinnable container inside of it)Put field components (textinputs) on the modal popup Attempt to tab between controlsTab switches to controls behind the modal-popup and ignores the fact that the modal is there. The tab loop only contains controls behind the modal. I've tried everything from setting tabChildren, to hasFocusableChildren. I can't implement IFocusManager as it's Halo and my modal is a Spark group, but would that work in some capacity? It really seems like Flex just ignores the modal in its focusmanager.
View 3 RepliesI'm working on a Flash application that uses the PopUpManager to create a pop-up window. Example of the create code follows:
details_window = mx.managers.PopUpManager.createPopUp(_level0, mx.containers.Window, false, null, true);
details_window.closeButton = true;
details_window.title = "The Popup Window Title";[code].....
Here's where the problems appear: The pop-up's content, "details.swf", is itself a Flash Form Application. The main screen of this Form application has a custom AS2.0 class assigned to it called DetailsScreen. The stripped down (for example purposes) class is below:
import mx.controls.*;
class DetailsScreen extends mx.screens.Form
{
var details: DataGrid; // the extra space between the ':' and 'DataGrid' is to prevent a smiley () on the forum
var details_title:TextField;
var record_display_summary:TextField;[code].....
The problem is the trace output in the DetailsScreen.onLoad() method is never printed. The pop-up window appears, and the graphical content of the details.swf is presented. I've recursively traced into details_window.content to see if DetailsScreen.local_test_variable is present, but it's not. The only variables present are those that represent the graphical items on the stage.It's as though the custom Form class DetailsScreen is never being instantiated.
I create a modal window with PopUpManager
_zoomImgPopUp = PopUpManager.createPopUp(this, Image, true) as Image;
When the modal window is opened, all background is gray and with blur. How can i change color, blur and transparency of background.
[URL]
but it is for "mx" application. I need something with "spark" components.
UPD: Solved. It must be:
_zoomImgPopUp.setStyle("modalTransparency", 0);
_zoomImgPopUp.setStyle("modalTransparencyBlur", 0);
PopUpManager.addPopUp(_zoomImgPopUp, this, true);
I have several nested VBoxes in flex, and I'm aiming for one of them to get scrollbars if the total content is larger than the window height. However, when I grow the container, it doesn't get scrollbars at all (vertical scroll policy is AUTO), and the outer container stretches past the bottom of the screen, causing the entire app to get scrollbars. So it looks something like this:
[Code]...
Can a Flax Air Window (NativeWindow) be modal? how?
View 2 RepliesI want to make the background appear as if a modal window was opened but, instead of a window, I want to use Spark TextArea.. Is this possible?
View 1 RepliesI need to show a modal confirmation dialog with yes no buttons and get the results what the user has clicked in ActionScript 3
ok save diaglog does not who up when exit is called the application just exits.
Alert.show("Do you realy want to delete", "My Title", 3,null,
function alertClickHandler(event:CloseEvent):void
{
[Code]....
private function tileList_itemClick2(evt:ListEvent):void {
img = new Image();
img.maintainAspectRatio = true;
[code].....
My Flex 3 application has some modal dialogs displayed via the PopUpManager, but there are times when I'd like other view components to know there is popup displayed. The PopUpManager doesn't have any method for actually checking the existence of popups. Is there any other way to detect this in flash/flex without writing my own global manager?
(also systemManager.popUpChildren.numChildren == 0 even when there's a modal popup)
When using the PopUpManager in Flex with modal = true, the background application is blurred. Is it possible to keep this blur for most of the background application but set certain components to not be blurred?
View 1 RepliesI'm using an iFrame in a Flex 3 project. The problem is that if the user opens my site in a small browser window, they don't get scrollbars. How can I solve this problem? Is there a way to force the browser to put up scrollbars?
If I set the main app to horizontalScrollPolicy="on" verticalScrollPolicy="on" or to "auto", then as you scroll down, the iFrame is stuck to the top of the browser window and obscures the content.
In the main app:
[Code].....
It's going to be used to view complicated scenes in 3D, but to make it work on laptops it's instead showing pre-rendered 360 degree renders of the objects.When you load an object, it first buffers 360 frames into memory, so that you can rotate around this object smoothly. When you release the mouse button, it loads in the high-res image of that frame.
Then, you should be able to zoom in and move around to inspect the model closer.Problem here is when I have the scrollbars enabled it wont work properly.Firstly, I had a problem where the vertical scrollbar moved out of the picture when I was scrolling the horizontal scrollbar.
Then after some more testing, they now stay where they should, but when I zoom in (will post code below) the horizontal scrollbar is not able to go far enough to the left to show the whole image.What happens is, when I zoom in, the scrollbar remains at it's left position, but I zoom in on the center of the image (zooming, by scaling the container. The image fill the container).
My problem is probably just a result of me overlooking some basic understanding. And sorry if the code is a bit messy, I've only done a little bit of clean up. The code I post below is without any scrollbars visible.
You can see that I've tried using scrollbar components too, and it works somehow. But I'm not able to scale the scrollbar depending on the content, so if I zoom in or out, the handle you drag on the scrollbar will be the same...
Image of app running if needed:
Code:
<mx:Panel x="0" y="0" width="100%" height="100%" titleIcon="@Embed('assets/img/cog_01.png')" title="vCog Subsea - Draugen Project">
[code].....
I'm aware of PopUpManager and that custom modal windows can be created.But let's say I have a simple Canvas(or any component) and when I show it the background needs to be blurred out like how PopUpManager does when a new pop-up is shown.Is this possible?
View 2 RepliesI can take snapshot of a component. But the problem is the component is lil bigger with scroll bars. The saved image has scrollbars (only the visible area is getting saved). What i need is I want the entire component to be saved as an image.
This exact functionality is available while we print the component using FlexPrintJob, where by setting the FlexPrintJobScaleType.NONE.
I'm creating a container and it's content at runtime. Here's a rough structure:
--VBox
----Form
-------FormItem
[Code]...
I've tried also validateNowand other similar methods. What I have here:
1. The HScrollBar is being added.
2. We increase a bit the width of container, so it disappears.
3. When it disappears, the validating throws the null-pointer exception when it tries to measure the non-existing scrollbar. I've also tried to add validateProperties before validation, but it didn't worked either.
I created a SkinnableContainer runtime because I want to set some style properties to it, then based on some external data I need to create a new SkinnableContainer and add it as children of the first one. This children height can be greater than the parent container.How can I create a SkinnableContainer runtime with some scrollbars?I read in the documentation that I need] to create a new Skin. [code
View 1 Replieswhat is the actual height of a container in Flex without scrollbars? Height and measuredheight seem to tell me what the visual height of a container is, but I want to know that number plus any height that is being 'hidden" below a scrollbar.
View 2 RepliesI'm looking for a way to disable the scrolling of the vertical and horizontal scrollbars when scrolling the mouse. I use the mouse scroll to zoom in and out, and I don't want the scrollbars to scroll while scrolling the mouse wheel.. (But I do need the scrollbars to be visible).
View 2 RepliesI am using spark DropDownLists and I don't want to see any horizontal scrollbars in the dropdown. I'm OK with the dropdown being wider than the anchor, so I have a custom skin that sets popUpWidthMatchesAnchorWidth to false. But I don't want the dropdown to ever be smaller than the anchor. I came up with a solution that sometimes works, but there is something wrong with it. My DropDownList skin is as follows:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="[URL]" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="[URL]" alpha.disabled=".5" minHeight="25">
<fx:Metadata>
[Code] .....
This works as expected when the contents of the dropdown are either wider than the anchor or smaller than about 100px, but if I explicitly set the width in the instance of the DropDownList to be something like 200px and the contents of the dropdown are around 150px wide, the dropdown is smaller than the anchor. Basically, it looks like openButton.getExplicitOrMeasuredWidth() returns about 100, regardless of what I set the DropDownList's width to be. How can I change this so that I can have multiple DropDownLists with different widths, but always making sure that the dropdown's width is either greater than or equal to the anchor's width?
I have the following spark Scroller
<s:VGroup width="100%" height="100%" gap="0">
<s:Scroller width="100%" height="100%">
<s:DataGroup width="100%" height="100%"
[Code]....
which is set to 100% width. The DataGroup is also set to 100% width. What I want to achieve is for the scroller's vertical scrollbar to OVERLAP the DataGrid. In other words I want the DataGroup to maintain the width of the outer VGroup even when the vertical scrollbar is displayed. I don't need the vertical scrollbar to move my content to the left, i want it to be displayed in top of that.
I have a DropDownList inside the itemEditor of my DataGrid. There are enough items in the DropDownList to justify scrollbars. You can see the scrollbars, and the mousewheel works fine. If you move the mouse over the scrollbars, they'll change appearance fine (mouseover is working). If you click on them, the DropDownList closes as if you'd clicked elsewhere in the data grid.
I've been experimenting with custom skins hoping to find a way to trap the mouse event, but have been unsuccessful.
FWIW, this is Flex4, as an AIR app.
Scratch.mxml (main code)
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....