Flex :: Prevent Dragging Of A HDividedBox's Divider Based On A Condition
Feb 23, 2010I'd love to be able to prevent dragging of a HDividedBox's divider based on a condition. for example:
[Code]...
I'd love to be able to prevent dragging of a HDividedBox's divider based on a condition. for example:
[Code]...
I'm trying to have a minimap display with a draggable viewport below a chart. I essentially have this to control the viewport of the chart:
<mx:annotationElements>
<mx:HDividedBox id="dividedBox" horizontalScrollPolicy="off" width="100%" height="100%" liveDragging="true" borderSides="bottom top">
[Code].....
Problem is, only one divider actually moves at a time. I found that if I set a timeout of about 50ms before moving the next divider that both dividers move. However, this seems like a rather awkward way to approach this and is error prone.
Anyone know if it's possible to move two dividers in a HDividedBox simultaneously or should I be taking another approach?
How we can lessen the length of Dividing bar between two components. like in this example i want the length only of two pixel.
View 1 RepliesI was wondering, if I have two list boxes, and I want to drag and drop between both of them, how do I prevent the user from dragging onto the same list (thus duplicating the item? I cannot have a situation where that is the case
View 5 Replieshow would you prevent dragging for some items of your List or DataGrid?
Let's say I had a list with two items: 'Tom' and 'Jerry'. Only 'Tom' should be dragable, not 'Jerry'.
Ideally I had a 'isDragEnabled(item:Object):Boolean' function, which is being queried by the drag source.
My difficulties start with the fact that the 'dragStart' event handler has a null value for the dragSource, so right from the start I find it hard to find out what the drag-start is about..
PS There have been a few discussions on preventing or canceling a drop, but I haven't seen much about preventing the drag start, hence this question.
I have a canvas onto which I draw shapes like rectangle etc. When I move the shape using my custom mouse down/mouse move handler, the shape can go outside the parent bounds.
I am checking if the child is outside the parent's bound to snap it back:
var bounds:Rectangle = this.getBounds(this.parent);
var p:Point;
if (bounds.x <0) {
[Code]...
The snapInside method gets called when I go outside the left or top boundary. But when the child is dragged outside the right or bottom boundary, I find Flex/Flash runtime automatically expands the parent's height and width. So say the parent size was initially 800x600, if child Y bounds exceed 800 by say 20 pixel, I find the this.parent.height automatically resized by flex to 820!!
How do I prevent the parent from resizing when child goes outside the original bounds of the parent ?
I am playing around with the timedate.getHours(); function and I was wondering how I might go about setting up a condition whereby between 3am and 3pm, movieclip1 loads and between 3pm and 3am, movieclip2 loads?
I'm sure it's not that difficult but I'm not sure how to structure the if/else statement or read the hour from the timedate function.
Is mx.containers.HDividedBox deprecated by some spark container in Flex 4.5? I'm new to Flex programming and can't find any spark replacement for it.I want to have 2 Lists separated by movable vertical bar.
View 1 RepliesI'd to use a HDividedBox and I have resize problem.Indeed, when I reduce the width of accordion component, the list is not reduce.Find below my code
<mx:HDividedBox width="100%"
height="100%"
color="0x323232">
[code].....
I am doing a simple combobox example. Now my requirement was, i want to differentiate the combobox values with some colors. I dont know how to do this. can you guys pls help me out on this. Suppose for ex: if my combobox data value exceeds 200 i want to display the items in "red" else i want to display in "green".
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo ComboBox control. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
[code]....
I have a Hdividedbox, which has three child elements.
I want to set the initial ration of sizes, such that the first one is 30%, the second is 40% & the third is 30% of the Hdividedbox's width.
I've noticed that an "out of the box" HDividedBox has some serious flickering issues when liveDragging is enabled, but only when the pointer is over the contents of the DividedBox while dragging. If you grab the BoxDivider and move the pointer off the component while dragging, the flicker goes away and the component renders properly.
I have tested this with both my customized component and an extremely basic HDividedBox implementation with Group, SkinnableContainer, and BoxContainer children as well as nested groups with clipping.All types of children exhibit the same behavior.
<mx:HDividedBox width="500" height="200" liveDragging="true">
<s:SkinnableContainer minWidth="0" backgroundColor="green" percentHeight="100"/>
<s:SkinnableContainer minWidth="0" backgroundColor="blue" percentHeight="100"/>[code3].....
I have a bunch of draggable objects and I want to be able to rotate them. Is it best (possible?) to rotate them based on keypress or how might you go about this. Here is my keypress code so far ( draggin works - rotate doesn't )
[Code]...
am doing a simple combobox example. Now my requirement was, i want to differentiate the combobox values with some colors based on a condition. Suppose for ex: if my combobox data value exceeds 200 i want to display the items in "red" else i want to display in "green". i need solutions for this requirment.
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo ComboBox control. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
[code]....
I have some text fields that are evenly horizontally placed side by side. I have that going good. What's killing me is, I need to put a divider in between the text as well. I can't seem to figure out how to do that. I'm trying to accomplish something like what you see below:
Code:
Home | About | Some Other Link | One Other Link
Code:
function initFooterNav () {
for (var a:Number = 0; a < 4; a++) {
var footer_div:FooterDivider = new FooterDivider();
[Code]....
I need to specify more than one condition for visibiltyvisible="{data.allow && data.open}"However, this gives the error "The entity name must immediately follow the '&' in the entity reference."I could use a function, but I'd like to know if it is possible to do this directly with different syntax.
View 1 Repliesi have my hGroups as like [code]and i m trying to hide the hgroups on a condition when this bean tagInfoData have a value "notworking" otherwise it will shown..should i need to write code in the creation complete as all this is in a pop up window of the button click event.[code]
View 1 RepliesI am using an accordian in which has three childs. Each child has some textInput elements.Now,i want to send data written in currently selected accordian's child's textInputs.I have created a function "configure" which is called when someone clicks a button. That function checks as to which child of accordian is selected. Whichever is selected, the textInputs' text of that child are stored in locally defined variables.how to pass these variable to the HTTPService i am sending at the end of function configure.
Codes:
private function configure():void
{
var selectedAlgos:Array = algosList.selectedItems;[code].....
I have a chechbox in a gridview. i need it disabled for some condition and enabled for other. how to fetch check box id out side the grid.
View 2 RepliesI am trying to set the row background color for the advanced data grid control in Flex 3. Does anyone know if this is possible using a style function. Currently my style function looks like:
public function myStyleFunc(data:Object, col:AdvancedDataGridColumn):Object
{
if (data["status"] == "PRICING")
return {color:0xFF0000 , fontWeight:"bold" , backgroundColor:0xFF0000};
[Code].....
However the background color does not change.
I have heard on the grape vine that I may need to override some methods to enable the background color property.
I'mm using flex builder 3. I have an xml file that looks like this, notice the flag property. It can be either 0 or 1:
[Code]...
I have a bindable getter in a component which informs me when a [hidden] timer is running. I also have a context menu which, if this timer is running, should disable one of the menu items.Is it possible to create a ChangeWatcher which watches for the negative condition of a bindable property/getter and changes the enabled property of the menu item?Class B:[code]In the code above, I have the inverse case: when isPlaying() is true, the menu item is enabled; I want it to only be enabled when the condition is false.[code]
View 1 RepliesHow to initialize and make condition for 2 variables in single for loop in Flex let keep i and j are two variables
View 2 RepliesFor example <s:TextInput id="sd" text="{if () {0} else if() {1} else {2}}"/>
Is it possible to do something like that?
I want to change the text color of the datagrid row on particular condition ie.i am checking on a condition.If that satisfies then I have to change the text color of each cell ie the whole row.[code]
View 1 RepliesI am newer in FLEX and currently i am using FLEX 3.0 I want to develop a Tic Tac Toe game in FLEX. At first i think this one is the easiest for me but now its going to be very tough for me. I have searched on Internet but not a single link that much so please give me proper Idea with proper code. Here i am giving you the sample code. its a bit of complex so sorry for that.
[Code]...
I have check the winning condition on btn_click() function but you can give me the idea to change it when the one row is completed. I want to know how to handle the array of TicTacToe Game.
I have a BD return by PHP without problem : I have "all_good" and "no_good" If the variable change my condition don't change ..... why
[Code]....
so I am trying to drag around some images in a canvas. I am adding eventlisteners to the components and calling startDrag() and stopDrag() to pick them up and stuff:
component.addEventListener(MouseEvent.MOUSE_DOWN, component.startDrag)
The problem is that it is selecting the image at its (0,0) location and not where I initially click on it. So there's a sudden "jump" when I click on the image. It is not smooth.
I noticed that startDrag() has two default parameters, one of them is lockCenter and it is default to false. Maybe do I set it equal to true somehow? (I don't know how to pass arguments to my second parameter in addeventlistener)
Another question: if I want to add more conditions to it, like make a new function that uses component.startDrag(), how do I pass the component to this function while adding event listener to it at the same time? for example: I want to do:
component.addEventListener(MouseEvent.MOUSE_DOWN, some_other_function);
where some_other_function uses component.startDrag();
If you have two text areas with different styles (fontFamily, weight, color etc) and you copy text from one to the other it also copies the style from the originating text area. Is there any slick way to prevent that?
Here is a sample of code that will illustrate the problem. Type some text in the top box and some text in the bottom, then copy some characters from the top box to the bottom. I'm not using htmltext.[code]...
I am having trouble in dragging a image within a loader. I am able to do zooming and rotating image but not moving image with mouse. Purpose is when I zoom a image info is out of boundaries and so is hidden. To see that info users should be able to drag the image any way they want.
View 1 Replies