Flex :: Drag And Drop - Whiteboard Application - Like Visio / MS Powerpoint
Dec 7, 2009
I am creating an application that will allow users to model system information by allowing them to Drag and Drop objects from a Flex Tree into some sort of canvas/grid ie: like a whiteboard application eg: Visio/MS Powerpoint etc. The application requires the following functionality:
Drag and drop items from a Tree to some sort of canvas/grid Move items within the canvas/grid Delete items from the canvas/grid Resize items in the canvas/grid
Save the position of the items to a database Has good performance in terms of rendering components with images I am not sure which Flex component is best suited to the canvas/grid. I was thinking of using either:
Datagrid or (can't drag/drop to cells easily though) Grid or (can drop to cells via gridrow/griditems mxml tags) TileList or (problem with this is that it rearranges all items when you move 1 item) some other list? I think the grid would suite my purposes the best as it would enforce objects to be placed within a gridrow/griditem.
View 1 Replies
Similar Posts:
Dec 13, 2010
I have created one drag and drop application in flex and i am trying to load my application[swf] in flash.But i am getting error while start the drag.[code]
View 4 Replies
Mar 7, 2011
I'm currently trying to create an application whit some drag and drop functionality but I'm having a hard time trying to figure how this can be done.What I have is basically a rectangular MovieClip which will be the main container where multiple smaller rectangular MovieClips are going to be dropped the thing is the that the same movieClip can be dropped multiple times and of course it needs to be at a different position and here is where I'm confused, I know how to create the drag and drop actions, what I don't know is how to check and see if the main container has movieClips to determine the next available space and place the next movieClip accordingly basically drop it at the bottom. The way I'm currently doing it only works if the same movieClip is drop only once if I drop the same movieClip twice it basically overlaps on top of the first one.
View 2 Replies
Sep 8, 2003
i'm now trying to create a drag and drop application. Once i dragged the object to the target area, what should i do to make it movable false after i dropped it.
View 14 Replies
Oct 7, 2006
I need to develop a Build-Your-Own cabinet configuration application for a cabinet company. I need it to be a drag n drop application. there is a grid system involved, where you can fit 3 large cabs in a grid, or 6 small ones, and so fourth...so there is logic involved. Anyone ever build something similar? a drag n drop application with logic?
View 8 Replies
Dec 2, 2010
in the following SWF example: [URL] you can see small iphone application created with flash cs5, this application has blue rectangle, you can drag and drop this rectangle with your mouse cursor.. ok no problem in the code, but i want ask a question: when i run this application in iphone device, my finger will drag and drop the rectangle instead of mouse cursor ? or I need change the code? here is the code i used:
[Code]...
View 1 Replies
May 2, 2010
I have prepared a CUSTOM WHITEBOARD. This whiteboard is shared by two clients. They BOTH can draw on the board using TOOLS in the WHITEBOARD PANEL SET of the application. When someone DRAWS I do following actions:
1: Capture the WHITEBOARD FULL AREA/CANVAS using jpgEncoder().
2: Then I send this BYTEARRAY to the FMS server as Remote Shared Object.
3: The client then draws that RSO onto the WHITEBOARD.
Pretty simple though.
BUT, I am having synchronization ISSUES. The issues are as follows:
Issue 1: Image updates with no synchronization and seems to be zig-zag/random when they both draw at a normal speed.
View 2 Replies
Nov 13, 2010
Simple drag and drop application where mc is dragged out of one parent mc and dropped into another parent mc.All works OK until I added 2 text boxes to the mc's -- one is a non-selectable dynamic text box (a label) which is set by the code, the other is selectable input text that the user can amend.
Finger cursor disappears when user hovers over the section of the mc that contains the text fields (even non-selectable text??) When the user trys to drag the mc by inadvertantly click-dragging anywhere within both text areas it causes this error: TypeError: Error #1034: Type Coercion failed: cannot convert flash.text::TextField@2374a381 to flash.display. MovieClip (same error appears for both text boxes)
The input text box may confuse the user - how do they sometimes click to drag and sometimes click to amend? I need to create an overlay area within the mc that is click-detected for the drag? Here's the relevant bits of code:
var itemArray:Array = [
{iname:"police",ititle:"POLICE OFFICER"},
{iname:"insurance_assessor",ititle:"INSURANCE ASSESSOR"},[code].............
View 1 Replies
May 19, 2009
I am trying to do a flex drag and drop. It is very similar to this first example.url....The problem is that event.currentTarget.mouseX,mouseY is showing the position where I put the mouse down rather than the position where I had finished dragging.
View 1 Replies
May 5, 2010
we want to drag a button with a css layout from one grid to the other. On the second grid should be the same button with this layout. The grids are in different mxml files.
View 2 Replies
Feb 1, 2011
I'm doing an application in flex where I draw different sprites inside a canvas. Depending of the dimensions, scrollbars can be appear. I would like to move the "image" with the movement of the mouse as you can see at the Adobe Reader when you are reading a document with zoom (hand mouse icon). In this way, you dont have to touch the scrollbar.I'm start trying with drag and drop properties of the canvas, setting the position of the scrollbar according with the movement of the mouse but that is not as I expect.
View 2 Replies
Mar 7, 2011
I am dragging item from a datagrid and while dragging I could see all of the columns in the selected record, being getting dragged. However I only want to show one column (maybe name or id of the record)? Is there a way to achieve this? Also, could I show an icon or image instead of the record while dragging.
View 1 Replies
Apr 27, 2011
I am building a flex project involving drag+drop of fxg graphics. My graphic is instantiated as below:
<graphics:arrow2 id="object" mouseMove="mouseMoveHandler(event);" />
I get an error: "Call to a possibly undefined method Graphic."
This works if I change my drag-object to Image and replace the 'Graphic' below with 'Image'. What should I use to be able to reference the fxg graphic in the drag-drop? My drag drop functionality is as follows
private function mouseMoveHandler(event:MouseEvent):void {
var dragInitiator:Graphic = Graphic(event.currentTarget);
var ds:DragSource = new DragSource();
ds.addData(dragInitiator,"gph");
DragManager.doDrag(dragInitiator, ds, event);
[Code] .....
View 1 Replies
Apr 28, 2011
We need a capability by which we can drag and drop swc components in our Flex Application.
View 1 Replies
Feb 26, 2011
I have implemented drag and drop between 2 AdvancedDataGrid, but the default behaviour from Flex displays the row data during the drag using the grid item renderer showing all 5 columns.
Instead, I would like to display an icon / image or my own custom item renderer during the drag and drop.
View 2 Replies
Sep 14, 2009
How do I determine which Flex AdvancedDataGrid cell - row and column index - I've just dropped onto? calculateDropIndex seems to give me the row, but how do I get the column?
View 1 Replies
Oct 19, 2009
I 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 Replies
Dec 8, 2009
[code]I want a tree in this structure, having line between the nodes, also, instead of Open and Close Folders, I have added my own graphic there with label. I did by extending TreeItemRenderer Class. Now, I if iam dragging and dropping a child node ex:label5, and try i drop it above label1 here, it is getting dropped there. i.e.,it is becoming like.[code]
View 1 Replies
Jan 18, 2010
I have a Advanced DataGrid for displaying the number of rows from the Database and one row strictly should not allowed drag option. Is is possible
View 1 Replies
Aug 10, 2010
I'm trying to drag an item from a datagrid and drop it onto a UIComponet. Basically I just want the UIComponent to know that something has been dropped onto it and allow it to access the data of the dropped item.
I thought just listening for the drop event would do it but it seems not.
I found lots of documentation on dragging from one IList to another but nothing for this.
<mx:UIComponent xmlns:mx="http://www.adobe.com/2006/mxml"
initialize="init(event)" dragDrop="itemDropped(event)">
View 1 Replies
Sep 13, 2010
I need to detect when a user d-b-n-d an object into a sprite. I'm adding the 3 event listeners I need, but only one of them works:
ontainer.addEventListener( DragEvent.DRAG_ENTER, dragEnterHandler);
container.addEventListener( DragEvent.DRAG_EXIT, dragExitHandler);
container.addEventListener( DragEvent.DRAG_DROP, dragDropHandler);
[code]....
View 1 Replies
Oct 10, 2010
I have a Spark List with a TileLayout. I want to enable moving itemRenderers around to be able to order items.
View 1 Replies
Oct 21, 2010
I have a List with an item renderer and would like to enable drag-and-drop onto the items in the list, rather than adding the data to the list. Is it possible to find the item that is being hovered over when dragging?
View 1 Replies
Nov 24, 2010
I'm developing an application that will randomize a list of words, and display them to the user. The user will then be able to drag the box containing each word over a Cartesian plane, and drop it anywhere they like. They will also be able to link various words together on the same plane. Once a user has completed these tasks, I want to update a database with that user's data - the coordinates of each word, as well as any parent words that may exist for each word. I started developing the application in Flex, but I'm running into problems integrating the data manipulation. It might just be me, but I find the way Flex is structured to be very counter-intuitive. I'm playing around with shifting the project over to perhaps a JQuery build. I'm proficient in neither JQuery nor Flex, however, and I'm not sure which one will be easier to pick up and develop a working prototype with.
View 1 Replies
Feb 27, 2011
I am trying to build a visual simple electric circuitry model. Towards thata) I am looking to build a drag & drop functionality, whereby I have items (wires, resistors, battery) that can be dragged and dropped on screen where I have a 10 x10 grid- the dropped items will take line positions on the grid based on where they fall.Should I do this using the mouseX, mouseY and connect them to grid points they fall closest to? The typical drag and drop examples I have seen, don't concern themselves with exact position in destination- which is obviously important here
View 1 Replies
Mar 1, 2011
When I enter with a dragged item into datagrid, a bold line appears over the active row of the datagrid (which is fine to show the active row), but the problem is that even after I drop the item into datagrid, that line remains there. It goes only if I enter with a new item (in which case a new line comes to the respective row again).
I am using custom handler for dragdrop event for this datagrid.
View 1 Replies
Apr 14, 2011
I am trying to drag and drop an object across the SkinnableContainer- am coming across a very strange issue
The drop occurs only at a few places- elsewhere it just shows the "X" sign and on dropping there, reverts to original position. I have used very standard commands... from function 2 to function 3, the call occurs very rarely as seen in trace statements- any guidance on why this happens?
I added the following code to SkinnableContainer: dragEnter="dragEnterHandler(event);" dragDrop="dragDropHandler(event);
(1):
private function mouseMoveHandler(event:MouseEvent):void
{
var dragInitiator:Image = Image(event.currentTarget);
var ds:DragSource = new DragSource();
[Code]....
View 1 Replies
Apr 29, 2011
In order to improve user experience we want the ability to have an animated movieclip of a turning wheel- and have the ability to drag and drop it anywhere on a defined area
We have built the rotating wheel as a swc file.
How do we do the drag+drop. Examples that I have seen, cater to only dropping of images.
View 2 Replies
May 23, 2011
I need a way to drag and drop an image from a container to another. I have tried a few different ways but I guess the drag & drop thing is still eluding me. Anyway, here's what I am trying to do, A container will contains a few bitmap/vector image (what's the best way for this? Tile Group? Or?) and then I want to be able to drag any of the image onto another larger Image inside of a Panel. Just like dragging shapes in Photoshop. No code here, as I am completely lost on how to go about it. I found a few tip/tutorial here and there but none which I could understand easily or adapt to my need.
Edit 1 : Got so far till now :
public function beginDrag( mouseEvent:MouseEvent ):void
{
[code]....
View 2 Replies
Sep 12, 2011
I have a tree (in Flex 3.5), and I want to use the drag & drop functionality, but I want to let the user only move nodes, not copy them. I tried listening for the dragOver event and change the drag event's action property if it indicates a copy operation, and also listening for the keyDown event and changing the feedback using the DragManager if the pressed key was ctrl, but to no avail.
View 2 Replies