TouchScreen CoverImage Dragging Download 1.2

This component/theme works with latest OSSN version.
German ~Z~ Man 3 years ago

TouchScreen CoverImage Dragging

(former Touch Punch)

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

1. Visit your profile page
2. Turn your cellphone 90° clockwise (into 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

Changing the profile photo

enter image description here

Changing the cover image

enter image description here


V 1.2

  • updated javascript library
  • adapted requirements to Ossn 5.4

V 1.1

  • function name changes according to component naming conventions
  • license update
Catalan Poonam Sehrawat Replied 3 years ago

iphone 4s , iphone 5 no buttons at all

Catalan Poonam Sehrawat Replied 3 years ago

iphone 6S, iphone 6 Puls.

Buttons pops up and disappear immediately

German Arsalan Shah Replied 3 years ago
  1. Huawei
  2. Android 6
  3. Chrome
  4. Working
Catalan James MacKay Replied 3 years ago

Works great on a blackberry Z30 using blackberry OS10 and the default BB browser

Breton CLAUDIO CAMPOS Replied 3 years ago

I tested on Samsung and everything is great

Catalan Poonam Sehrawat Replied 3 years ago

I tied to change the orientation from portrait to landscape on iphone 4s but regret I cant see the buttons at all on both the positions. Thanks

German ~Z~ Man Replied 3 years ago

Is it: You don't even see the [Reposition] and [Change Cover] buttons?
Did you try to turn your device 90° right?

Catalan Poonam Sehrawat Replied 3 years ago

Installed the component and still do not see any option to change or reposition the cover photo.
Device tested on : iphone 4s
Browser : Safari

Please have a look into it and appreciate your work.

pk Malik Umer Farooq Replied 3 years ago

Sir I texted two different device
Web link
Samsung j2 and Microsoft Lumia 430
Android 5.0 and Windows 10 mobile
Chrome/firefox and Microsoft Edge
Working and working
Thanks working fine....

German ~Z~ Man Replied 3 years ago

Tested successfully on Nexus 7 tablet and Chrome


Developer: ~Z~
License ossnv4
Type: Photos and Images
Minimum Requirement: 5.4
Latest Version: 1.2
Last Updated 3 months ago
Repository Url View Repository