Flickable problem: Hide un-flickable area

2beers

hi everyone. I have the following code

@ Flickable {
width: 100; height: 100
contentWidth: image.width; contentHeight: image.height

    Image { id: image; source: "pic.jpg" }
}@

the image pic.jpg has something around 500x400px and the flickable area is 100x100px. My problem is that I want to hide the area that is NOT flickable and show only the 100x100 part of the image(not entire image).

How can I do this?

archerabi

@bq.
Flickable {
width: 100; height: 100

clip:true
contentWidth: image.width; contentHeight: image.height

Image { id: image; source: "pic.jpg" }

}
@

2beers

Thanks archerabi. I searched through documentation all day without any luck.