Overlay Panning control over an image

[mrkadakia]

Hi ExtJS Support,
I am using ViewPort with 2 regions: West and Center.

West region contains listing of different image files.

Center region will display the actual image when the user clicks on its corresponding image file name in the West region.

I want to place a slider in the center region over the image so that an user can resize the image by moving the slider. I found the slider example, but I am not sure whether I can place the slider control over the image being displayed in the center region.

In a similar fashion, I want to place a Panning control (Pan up, down, left & right) so that an user can pan the image. Does ExtJS have an inbuilt Panning control? I am hoping if there is something similar to what Google Maps has.

Thanks

[Lukman]

Tried the sample yet?

http://extjs.com/deploy/ext-3.0-rc2/examples/resizable/basic.html

[mrkadakia]

Hi Lukman,
Thank you for your response. I referred to these Resizable Examples earlier, but they do not address on how to overlay one component over another. Let me give you an example, how do I overlay the Slider (as given in the Samples page) over an image.

Resolving this issue would definitely resolve a lot more issues...

Thanks