Resizing Vaadin Image

Question

I am inserting an image from file into a UI. I am creating it in Vaadin 7.6.8 by following these instructions.

String basepath = VaadinService.getCurrent().getBaseDirectory().getAbsolutePath();
FileResource resource = new FileResource(new File(basepath + "/WEB-INF/images/image.png"));
Image image = new Image("", resource);

However I am unable to rescale or resize the image at all. The image is always being displayed in full size.

Is there a way that I can scale down the image without using CSS ?

score 7 · Accepted Answer · answered Aug 16 '16 at 06:28

7

You can specify height and width of the image component,

FileResource resource = new FileResource(new File("D:/image.jpg"));
Image image = new Image("", resource);
image.setWidth(200, Unit.PIXELS);
image.setHeight(200, Unit.PIXELS);

answered Aug 16 '16 at 06:28

akash

22,664
11
59
87

1

Thanks for your answer. It seemed that I had to set both the width and height of the image or no changes would be reflected. – Shiri Aug 16 '16 at 08:20
5

This works but how to keep the aspect ratio of the image? – zygimantus Sep 07 '17 at 10:14
1

@zygimantus: If only one of width or height are set, the aspect ratio of the image will be maintained. – olivmir Apr 10 '18 at 06:55

Resizing Vaadin Image

1 Answers1

Linked