Images on Table and row selection

Support
#1

Hi,
I’ve created a table where the first column contains an image.
The size of the image is quite large (150x150px)
I noticed that if I click on the image the row will not be selected.

The same behavior also has the example on your site: “Image obtained from Datasource” in CUBA Sampler ([url=]https://demo.cuba-platform.com/sampler[/url]).

Do you have any suggestions on how to force the row selection?

#2

Hello,
It is a known issue and it will be fixed soon: YouTrack.
As a workaround, I can suggest you the following:

  1. unwrap the Image component:
image.unwrap(CubaImage.class)
  1. use the following method to select a row in the table:
com.vaadin.ui.Image#addClickListener

Best regards,
Daniil.

#3

:ticket: See the following issue in our bug tracker:

https://youtrack.cuba-platform.com/issue/PL-9402