{ "com_id": "TouchScreenCoverImageDragging", "latest_version": "6.1","ossn_version_prefix": "6.0", "works_on_latest_version": "yes" }

I. Release Notes

Current Version: 6.1
Requirements: Ossn >= 6.0
GDPR affected: No
License: GNU General Public License v2
Credits: https://github.com/RWAP/jquery-ui-touch-punch


II. Purpose and Usage

This component adds dragging support for repositioning cover images on devices with TOUCHSCREENS.

1. Visit your profile page
2. Turn your cellphone 90° clockwise (landscape orientation)
3. Tap the upper part of the profile photo section once to make 'Change Photo' appear
4. Tap 'Change Photo' to make your file selector appear
5. In order to make the Reposition and Change Cover buttons appear, touch the cover section once
6. Tap Change Cover to upload a new image
7. Tap Reposition, then tap and hold the center of the image to drag it to the positon of your choice
8. Tap Save position when you're done


Figure 1 - changing the profile photo

Figure 2 - changing the cover image


III. Changes

V 6.1

  • Ossn 6.x support
  • verified PHP 8 compatibility

Outdated Ossn 5.x releases

V 1.2

  • updated javascript library
  • adapted requirements to Ossn 5.4

V 1.1

  • function name changes according to component naming conventions