PDA

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



chetan.nellekeri
24 Oct 2013, 11:22 PM
46555


Hi..

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...?

Salakar
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.

chetan.nellekeri
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

ettavolt
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.

chetan.nellekeri
17 Nov 2013, 3:59 AM
Basic components to draw image drawing is
Ext.draw.Component
Ext.draw.Sprite

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