Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Mobile Swipe for Lightbox

folio3.jpg

Add some custom JavaScript to allow mobile swiping for the grid's default lightbox.

1. From the grid's settings page, in the "Lightbox" tab, apply the following settings.

lb-setup

2. Next, head over to the "API/JavaScript" tab, and add the following code.

custom-lb-js

3. Finally, if you don't want navigation buttons for the lightbox on mobile, we can hide them with some custom CSS in the Item Skin Editor.

Technically for the JavaScript part to work, the navigation buttons need to be enabled.  But we can hide them with some custom CSS manually.

edit-skin-btn
css-editor

lb-css-hide-nav