Info window, image fieldtype doesn't work
Description
Environment
v12
Attachments
- 06 Oct 2024, 07:06 PM
- 03 Oct 2024, 04:02 AM
- 30 Sep 2024, 01:33 PM
- 19 Sep 2024, 09:19 AM
- 14 Sep 2024, 11:43 AM
- 14 Sep 2024, 11:32 AM
- 14 Sep 2024, 11:27 AM
- 14 Sep 2024, 11:27 AM
- 14 Sep 2024, 11:27 AM
relates to
Activity
Norbert Bede October 6, 2024 at 7:06 PM
Hi,
i re-test it again, and this behaviour is not user friendly. the row height changed when row selected and no image.
my assumption: if no image do not change height, only when image or placeholder is defined.
Norbert Bede October 3, 2024 at 11:09 AM
looks good. thanks.
Heng Sin Low October 3, 2024 at 10:50 AM
hi @Norbert Bede ,
The hover image can be customized using the css class of fullsize-image. For no image place holder, I’ve added a commit that allow customization using the css class of no-image.
Example:
.no-image {
background-image: url("../images/noimage.png");
background-size: 22px;
height: 22px;
width: 100%;
display: inline-block;
background-position-x: center;
background-repeat: no-repeat;
}
.fullsize-image {
height: 200px !important;
width: 300px !important;
}Norbert Bede October 3, 2024 at 4:25 AM
hi @Heng Sin Low
I created the initial version of the documentation, you can change it, update it.
https://wiki.idempiere.org/en/NF12_ImageURL_Fieldtype
nb
Norbert Bede October 3, 2024 at 4:02 AMEdited
hi,
testing feedback
when i added to the grid the new imageurl fieldtype, and select the row, then an empty image placeholder appear. Instead - display “nothing” - legacy - or - better add image placeholder sysconfig, and display as default state when image field-type defined - but no image displayed. (preferring this). The placeholder behavior, give the user similar user experience (UX) as on e-commerce sites.. this help consider idempiere as e-commerce backend :)
the on hover image size need to be definable. the full size approach is not so good. instead we would define a customer required size as sysconfig.
AD_SysConfig ZK_IMAGE_HOVER_SIZE - in pixels
nb
i was able to select on info window - product info - an reference = image for column imageurl
when refresh product info
1. when no product with image url no exception, returning 0
2. when product includes images/iD32.png returning database exception error
3. when product referring to external url returning database exception
Proposal
fix above use cases - support url fieldtype with valid image url *.jpg, *.jpeg, *.webp, *.png
add support for images referring to columns XX_anyimagefield_ID
idea: addionally support image from attachment (looks not practical
if no image show placeholder - no image :)
depends on zk component feature, would be great support on hower for showing image with original or max image size
example. thumbnail size can be 100x100px but original can be 500x500 (show in hover box)
Our custom implementation example
we are in progress implementing a product supplemental window based on attributes comparison. this already support load display images based. allow close and replace sales order line.
This is CUSTOM WINDOW implementation but illustrate how iD would support in info window image reference type.