How to change image display width?

If you're a new user of AppGini, feel free to ask general usage questions, or look for answers here.
Post Reply
dlee
Veteran Member
Posts: 119
Joined: 2020-04-14 00:21
Location: South Carolina, USA
Contact:

How to change image display width?

Post by dlee » 2023-01-17 22:14

How can I set the displayed max width of an image ? The attached jpg shows a screen capture of the underlying code for the view page in my app; it shows style="max-width: 360px;". This is the value i wish to change for all images displayed.

BTW, I am not using thumbnails.

TD
Attachments
max_width.jpg
max_width.jpg (22.01 KiB) Viewed 250 times

dlee
Veteran Member
Posts: 119
Joined: 2020-04-14 00:21
Location: South Carolina, USA
Contact:

(SOLVED) Re: How to change image display width?

Post by dlee » 2023-01-22 04:28

The solution is to add the following code to the /hooks/footer-extras.php file. The reason i wanted to do this is because I could not use the thumbnails option in Appgini because of the way the existing website worked and the existing photos were fairly large, which required a lot of scrolling to view the entire page. After adding this code, the images are all of a size that doesn't take much to scroll the whole page. I post this here that it might help someone else.
TD

Code: Select all

<script>
	$j(".img-responsive").css('width','250px');
</script>

Post Reply