Resize the uploaded image

tonyg

Hi,

I'd like to use the new upload feature for uploading files and images. However, when images are uploaded the image shown in the upload form is thumbnail sized but the image shown in the grid is full size. Some images are really large and the result is a very ugly table. Is there a way to resize the image for view in the table? Or, use the same image thumbnail as the form preview image?

If this is already supported it's not how the examples work and I don't see it in the docs.

Please advise,
Tony

fabioberetta

Hi,

when you render the image in the table just specify the size.

This is the render I use. The image is rendered in a circle 40x40 pixels.

{ data: "tutor.photo_id", orderable: false,
                        render: function ( file_id ) {
                            return (file_id && file_id!=0 ) ?
                                    '<img src="'+tabTutors.file( 'file', file_id ).webPath+'" class="img-circle" width="40" height="40"/>' :
                                    null;
                        },
                        defaultContent: "No image"
                },

f