Glitch in image upload field - maybe on Acer laptop only?

Hi Codee,

I just wanted to follow up and let you know we're looking into this one.  I'll post back when we have an update and feel free to check-in.

Question: Why and how is the customer ordering the uploads?  Is it that they want new uploads to be at the top or bottom?  Or they just like to set the order manually? 

Thanks!

Hi Dave,

They are manually choosing the order after the upload finishes.  They pick the one they think is the "cutest" or "funnest"...and that also changes time-to-time, or they have their college-age son upload to help the family business and then she goes in and chooses the order or tells him which one.  He's the laptop owner. She is the iPad owner and the site owner.

Hi Codee,

I looked into this for you and I think we have a solution to the problem that we would like you to try out with your customer. If confirmed to fix the issue, Dave will roll it into the next release...

First find the file located at /cmsb/lib/menus/default called "uploadList.php". This file, around lines 41-45 has the following...

<!-- javascript -->
<?php includeCDN('<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>'); ?>
<?php includeCDN('<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" integrity="sha512-BHDCWLtdp0XpAFccP2NifCbJfYoYhsRSZOUM3KnAxy2b/Ay3Bn91frud+3A95brA4wDWV3yEOZrJqgV8aZRXUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>'); /* for datepicker and jquery sortable */ ?>
<?php includeCDN('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css" integrity="sha512-vljQ8u3XOuV0u0GLG6ZRToEi2ZKCWeJwezv27POKmq/s1MIRiSv32m5MKZaquL4WIdh3A0wE+HChNH+s6psFFQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />'); ?>
<script src="<?php echo noCacheUrlForCmsFile("lib/dragsort.js"); ?>"></script>

We will need to introduce a new JavaScript library that was missing from this. The corrected code is below...

<!-- javascript -->
<?php includeCDN('<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>'); ?>
<?php includeCDN('<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" integrity="sha512-BHDCWLtdp0XpAFccP2NifCbJfYoYhsRSZOUM3KnAxy2b/Ay3Bn91frud+3A95brA4wDWV3yEOZrJqgV8aZRXUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>'); /* for datepicker and jquery sortable */ ?>
<?php includeCDN('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css" integrity="sha512-vljQ8u3XOuV0u0GLG6ZRToEi2ZKCWeJwezv27POKmq/s1MIRiSv32m5MKZaquL4WIdh3A0wE+HChNH+s6psFFQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />'); ?>
<script src="<?php echo noCacheUrlForCmsFile("3rdParty/jquery.ui.touch-punch.min.js"); ?>"></script>
<script src="<?php echo noCacheUrlForCmsFile("lib/dragsort.js"); ?>"></script>

Notice the introduction of the jquery.ui.touch-punch.min.js file around line 45. If you can add this line to your customer's setup and have them go back to their image upload list, then do a hard refresh (ctrl + f5) we think this will solve the issue.

This library is found in the CMS records for drag and drop which appear fine, but was missing here for the uploads. Give that a try and let us know if things work out. 

Thanks Codee!

Hi Tim,

I just looked at someone else's iPad and they didn't know how to do a hard refresh (ctrl+f5)...HOWEVER, on their iPad (which I had tested before) the photos are easily drag/droppable on that device now.  I notified the site owner to try when she gets home this evening and let me know.

I will comment back to you on this after speaking with her.

Thank you kindly!