Directory

← Back

ImageStrip

Vaadin 7 Supported! - ImageStrip Widget is a general purpose image browser widget that makes it easy for developer to append collection of images to Vaadin application.

Author

Rating

Popularity

<100

ImageStrip Widget is a general purpose image browser widget that makes it easy for developer to append collection of images to Vaadin application. Images are appended as Vaadin resources or directly by using URL.

ImageStrip version 2 performs server-side scaling to the images boosting client-side rendering performance. ImageStrip can also be used as select component for images as it now supports setting value (image).

ImageStrip can be positioned vertically or horizontally and it lazyloads only the required amount of images that will fit to the widget's dimensions. ImageStrip also supports animation during image transition.

Version 3.0 is Version 2.0 with Vaadin 7 support and few bug fixes.

Sample code

public class ImagestripTester extends Application implements
        ValueChangeListener {

    private ImageStrip strip;
    private Window mainWindow;

    public void init() {
	mainWindow = new Window();
	setMainWindow(mainWindow);

	// Create new horizontally aligned strip of images
	strip = new ImageStrip();

        // Add ValueChangeListener to listen for image selection
	strip.addListener(this);

	// Use animation
	strip.setAnimated(true);

	// Make strip to behave like select
	strip.setSelectable(true);

	// Set size of the box surrounding the images
	strip.setImageBoxWidth(140);
	strip.setImageBoxHeight(140);

	// Set maximum size of the images
	strip.setImageMaxWidth(125);
	strip.setImageMaxHeight(125);

	// Add image strip to main window
	mainWindow.addComponent(strip);

	// Limit how many images are visible at most simultaneously
	strip.setMaxAllowed(6);

	// Add few images to the strip using different methods
	strip
	        .addImage("http://www.path.to.image/image.jpg");
    }

    public void valueChange(ValueChangeEvent event) {
	mainWindow.showNotification("Image selected");
    }
}

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Initial release for Vaadin 7 (RC2 / Final). Has exactly same functionality as version 2.0

Released
2013-01-31
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 7.0+
Vaadin 6.2+ in 2.0
Browser
Internet Explorer
Internet Explorer
Firefox
Opera
Safari

ImageStrip - Vaadin Add-on Directory

Vaadin 7 Supported! - ImageStrip Widget is a general purpose image browser widget that makes it easy for developer to append collection of images to Vaadin application. ImageStrip - Vaadin Add-on Directory
ImageStrip Widget is a general purpose image browser widget that makes it easy for developer to append collection of images to Vaadin application. Images are appended as Vaadin resources or directly by using URL. ImageStrip version 2 performs server-side scaling to the images boosting client-side rendering performance. ImageStrip can also be used as select component for images as it now supports setting value (image). ImageStrip can be positioned vertically or horizontally and it lazyloads only the required amount of images that will fit to the widget's dimensions. ImageStrip also supports animation during image transition. Version 3.0 is Version 2.0 with Vaadin 7 support and few bug fixes.
Online