All Images FULL Screen?

Feedback
1 
Servoy Version; Version: 2022.6.0.3782

After updating, for whatever reason all images are full screen now.

(image after update)
[attachment=1]fullscreenimage.png[/attachment]

Keep in mind, the images I’m displaying are 24x24 pixel length, so previously they were tiny.

(image before update)
[attachment=0]originalimage.png[/attachment]

Any way of setting the image size so I can manually set it back to the normal small size? Though, I’m not sure why it’s defaulting to such a massive size either.

originalimage.png

fullscreenimage.png
fullscreenimage.png1782×866 15.5 KB

2

Hi John,

What properties do you have for that image in cssPosition and styleClass?

Regards,

3

ProRM:
Hi John,

What properties do you have for that image in cssPosition and styleClass?

Regards,

CSSPOSITION
Well, since I’m using the Advanced Bootstrap it’s in a Column so the cssPosition is automatic.

[attachment=1]image-bootstrap.png[/attachment]

STYLECLASS
No style class is attached to the image.

[attachment=0]image-properties.png[/attachment]

There is a styleClass attached to the column it’s in however. But that just changes the background color for the column.

.notification-info{
	#colors;
	
	color: #FFF;
	#status;
	
	background-color: @status-blue;
	
	padding-top: 9px;
	
	padding-bottom: 9px;
	
}

image-properties.png
image-properties.png422×406 39.6 KB

image-bootstrap.png
image-bootstrap.png1096×210 10.8 KB

4

Hi John,

I see the same behaviour building a responsive form with 2022.06. I think you should open a ticket in Support.

You have the column as 12 (col-md-12) and that causes the image to take all the space. If you change it to col-md-1 it will resize.

Regards,

5

ProRM:
Hi John,

I see the same behaviour building a responsive form with 2022.06. I think you should open a ticket in Support.

You have the column as 12 (col-md-12) and that causes the image to take all the space. If you change it to col-md-1 it will resize.

Regards,

Alrighty, I’ll get a support ticket going!

You have the column as 12 (col-md-12) and that causes the image to take all the space. If you change it to col-md-1 it will resize.

Exactly, that isn’t the behavior of how it worked before.

I would have the Image in that 12-col, alongside text next to it. The Image is 24x24 so it would display as such, and the text would right next to it.

[attachment=1]originalbootstrap.png[/attachment]

Now the 24x24px image gets autosized to take up the full Col-12 in the current version. I didn’t change anything my own format, something updated with how Servoy interprets Bootstrap (or Bootstrap itself?) which is causing this.

I’ll have to use putting them in a Col-1 as a hotfix for now, but 1 doesn’t fix the problem. AutoSizing is the issue here. If I could just disable the autosizing so the image can appear as it’s normal size, as it was before, that would be great.
Of course Autosizing will definitely have it’s usefulness in other areas, so I just mean giving an option to disable it when desired.

EDIT:

Sadly, as a suspected, Col-1 didn’t fix much. The image still isn’t displaying as 24x24px as it originally is, and still is abnormally big (thanks to the autosizing).

[attachment=0]col1.png[/attachment]

col1.png
col1.png1730×142 5.36 KB

originalbootstrap.png

6

Created Support Ticket: SVY-17349

7

I updated to 2022.9.0.3803, and now images are relatively back to normaly size, thank you!

For some reason, they still take up ‘ghost space’, and need to be placed into a 1-column.

Although, I want to mention something. I know I’m okay with the images displaying their normal size, however I don’t want my specific preference dictate all design choices. There should still be an option to enable autosizing right?

I tried to see if I could set auto-sizing for the images and it didn’t seem to change anything. I just wanted to point this out for future reference, just in case there’s someone out there that’ll want this. Options are always good of course.

I do believe that autosizing still works for labels though.