ScaleImage - Vaadin Add-on Directory

Like Image, but uses DIV + CSS background not IMG element.

Simple addon to help when Image component's IMG tags become painful to theme. Provides ScaleImage that uses DIV with CSS property background-image on client side. This allows you to do some tricks with CSS, that would be really hard to do with IMG tag. Like repeating, positioning...

Online Demo
Source Code
Author Homepage
Issue Tracker

ScaleImage version 0.1.0
Initial release

ScaleImage version 0.2.0
- Undefined size now allowed. This as it's good to allow setting size at CSS, without need to use !important. - Protected way to modify CSS values. Just for those people that know what they are doing. - Change to default styling. Now background image is set to center, with contain size and no repeating. - Removed debug printing left behind

ScaleImage version 0.2.2
Adds missing click listener interface to ScaleImage

ScaleImage version 0.2.3
Adds display: inline-block to default theming to improve ScaleImage behaviour inside non CssLayouts, when alignment is used (fixed to 0.2.3) Adds missing click listener interface to ScaleImage (fixed to 0.2.2)

ScaleImage version 0.2.4
Fix clicking inside parent layout with clicklisteners

ScaleImage version 0.3.0
- OSGi bundled - Moved to use SCSS theming (make sure you have addons.scss generated and included to your theme)

ScaleImage version 0.4.0
0.4.0 is for Vaadin 8, use 0.3.x versions with Vaadin 7

ScaleImage version 0.4.1
Now most of CSS background properties can be defined with server Java API.

ScaleImage version 0.5.0
- API has been cleaned up - Alternative text is now set as aria-label attribute on client side - Widgetset name to org.vaadin.alump.scaleimage.ScaleImageWidgetset - API to define background color