View Full Version : Creating diagram using clip arts...

24 Oct 2013, 11:22 PM


Please refer the above image.. I hav an requirement to create this application.. We are moving from Flex to ExtJs.. Below is brief details on above application...

1. We will be using a list of clip arts(as shown in window).. This I can create using dataview..
2. There will be Empty space where User will drag and drop the image. Image should be placed in this component...
3. Image should be resizable..
4. User should be able to rotate the Image..
5. And more importantly it should support in IE 8..

Which is best component can be used for this...?

25 Oct 2013, 3:11 AM
I'd say use a dataview for your images list and have a look at using Ext.Img comp with re-sizable attribute set to true perhaps.

27 Oct 2013, 9:17 PM
Thanks Salakar...
There are few problems facing when I am using dataview..
1. All Images are not of same size..
2. Image can overlap..
3. If I drag image and vary its size and save it, I should be able to save it and Open it with exactly same whenever I want to see the image

28 Oct 2013, 3:46 AM
If you want to restore size/position you just need to store size/position.
For overlapping you can use position:absolute.
From what I know, you won't be able to just use some component. You will certainly need to create some html/css yourself.

17 Nov 2013, 3:59 AM
Basic components to draw image drawing is

Basic component to display image in organized way is
Ext.view.View (dataview)