kcfinder thumbnails & run as widget

First Question:
When kcfinder creates thumbnails 100x100 and the image is stretched to fit the box. How can I maintain the aspect ratio for the image thumbnails?

Second Question:
How do I run kcfinder as a widget? I would like to include it in an existing page with a responsive div to control the width and height rather than full screen. I am not using this occurrence with the HTML editor.

There was an issue with the image engine... it should have been resizing proportionately. If you replace this file with the one I have attached it should correct this issue:

/webassist/kcfinder/lib/class_image.php

You will have to delete the current .thumbs directory in your upload folder to force it to re-generate existing images.

I would have to understand the context of how you want to use it to give advice on how to use it as a widget. It is likely not directly supported, but it is something I could help with in a premier support ticket.

The thumbnails are working great now. Thanks for the file replacement.

I am using a bootstrap layout and would like to have kcfinder resize responsively. I would like to install it into an existing website page layout. I have a work-around using "jquery-example.html" in the "adapters" folder and then resizing using @media queries. This method is not as smooth as when you resize the browser window the full-screen version. Please let me know if I've missed something.

Thanks for you help Ray!

Our Image Resizer extension can be used to resize images on the fly, but for a responsive resize you would really want to use media queries. You could use a different image for the full screen view with your media query.

I may have confused you. It's not the images that I want to resize responsively. I would like the file manager to resize responsively when inserted into a bootstrap layout.

Yes. I didn't understand. I guess I still don't quite, but I'm probably getting closer.

You have an html editor on a page that you want to work on mobile? And the file manager comes up but doesn't have a good mobile experience? I guess I still don't fully understand. I'd probably need a phone conversation and screen sharing to really get what you are attempting and give any meaningful assistance.

I'd be happy to do a call and remote connection if you can. Here's what I'm doing:

I am using kcfinder stand-alone. I want it on a page all by itself. This will be in an administration area of the website and will be used to upload photos to a photo gallery. That is the only purpose for this instance of kcfinder. I would like it to work responsively in a bootstrap environment something like CKFinder >> https://ckeditor.com/docs/ckfinder/demo/ckfinder3/samples/widget.html.

I see... The KCFinder doesn't really have a good mobile design. The solution would be to update the design and add your own media queries to account for it. This is something I could help with in a premier support ticket.

You would probably want to hide the folder navigation by default and add a toggle button to display it when necessary. Then update the CSS for the image display to show on individual lines and drop the text from the buttons so they can fit more cleanly. It wouldn't be too difficult to pull off, but would probably take a good hour to work out.

Can we set up a premier support session for tomorrow or Monday?

Yes. Contact me via Skype and we can coordinate a time. My skype name is: webassist.rborduin