close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

kcfinder thumbnails & run as widget

Thread began 12/18/2019 3:00 pm by paulshoe379536 | Last modified 12/20/2019 12:58 pm by Ray Borduin | 75 views | 12 replies |

paulshoe379536

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.

Sign in to reply to this post

Ray BorduinWebAssist

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.

Attached Files
class_image.php
Sign in to reply to this post
Did this help? Tips are appreciated...

paulshoe379536

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!

Sign in to reply to this post

Ray BorduinWebAssist

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.

Sign in to reply to this post
Did this help? Tips are appreciated...

paulshoe379536

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.

Sign in to reply to this post

Ray BorduinWebAssist

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.

Sign in to reply to this post
Did this help? Tips are appreciated...

paulshoe379536

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.

Sign in to reply to this post

Ray BorduinWebAssist

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.

Sign in to reply to this post
Did this help? Tips are appreciated...

paulshoe379536

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

Sign in to reply to this post

Ray BorduinWebAssist

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

Sign in to reply to this post
Did this help? Tips are appreciated...
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...