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

Hi Tim,

Can you check on your, or someone at your facility's, iPad for dragging/dropping the photos within a record?  I thought this was corrected last summer (by Dave) and not sure if the new changes recently done is contributing to the issue or not but here it is: Dragging whole records in CMSB is not a problem.  HOWEVER, *Once inside a record with multiple photo/image uploads...it's next to impossible to finger-drag-drop the images into different order.  In fact, it's a nightmare. I had to agree to upload and move them around on my pc, on her behalf, because she's a bit upset (it's a mac-only kind of family, except for her son in law...the one with the Acer).  Here's an additional tid-bit...my daughter has a similar iPad and I am able to confirm this is an issue.

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!