VR Course Contest
Show us your best virtual reality course and win $50 gift card and a winner badge!
CHECK IT OUT
JQuery UI draggable/droppable not working in responsive

nixthenext
Community Member Posts: 75
I'm trying to build an interaction where the user must drag a number of things to a single drop zone. I've built it using JQuery UI (draggable), and it's working perfectly in a non-responsive course - but it fails in a responsive course.
I don't need this interaction to be responsive (I will just do something else for the other layouts), but I'd really like it to work for the desktop view-
What are my options??
I don't need this interaction to be responsive (I will just do something else for the other layouts), but I'd really like it to work for the desktop view-
What are my options??
0
Comments
-
wheels Community Member, Administrator, Moderator, Rockstar Manager Posts: 493 eLearning ROCKSTAR Admin TeamHave you tried disabling browser resize of published content? That keeps the desktop view from resizing, and might fix the issue. You will want to leave the options to scale content off also. Give it a try.
0 -
I see i'm in the wrong forum now... I don't see that option - I'm using Lectora Inspire 16 (desktop). Also, this is a responsive course - I generally want the page to resize when the browser resizes... what does checking this box do to a responsive course?0
-
The issue is that the swipe library Hammer is conflicting with the jQuery draggable. Hammer gets included and initialized by default for RCD titles. Also in non-RCD titles, if you have swipe actions draggable will not work either.
To fix this you can disable Hammer in non-mobile environment by adding the following code in HTML extension type "Header Scripting" which will override the init function with an empty function.if ( !isMobile.any() )
For Lectora Inspire/Publisher users:
initGEV = function() {}if ( !is.isMobile.any() )
initGEV = function() {}0 -
WOW!! Thank you so much, that worked perfectly! I wish I could give you more than 1 point for that one!
-Becky0
Categories
- 4.4K All Categories
- 35 ✫ Announcements
- 6 ✪ Contests
- 34.1K eLearning Brothers® Products
- 99 Lectora®
- 1.1K Lectora Discussions
- 1.9K Lectora Feature Requests
- 53 Lectora User Groups
- 2 AssetLibrary™
- AssetLibrary Discussions
- 2 AssetLibrary Feature Requests
- 68 CenarioVR®
- 111 CenarioVR Discussions
- 77 CenarioVR Feature Requests
- 2 Rockstar Learning Platform®
- 1 Rockstar Learning Platform Discussions
- 1 Rockstar Learning Platform Feature Requests
- 4 Off-the-Shelf Course Library
- 3 Off-the-Shelf Course Library Discussions
- 1 Off-the-Shelf Course Library Feature Requests
- 1 CourseMill®
- 101 CourseMill Discussions
- ReviewLink®
- 21 ReviewLink Discussions
- 12 ReviewLink Suggestions
- 1 The Training Arcade®
- 1 The Training Arcade Discussions
- The Training Arcade Feature Requests
- 7 Additional Learning Products
- 2 Adobe®
- 2 Articulate®
- 1 Camtasia®
- Docebo®
- 1 iSpring®
- 1 Microsoft® PowerPoint®
- 293 All Things eLearning
- 3 Course Development Showcase
- 1 eLearning Brothers® Downloads
- 1 Compliance Training
- 5 eLearning Development
- eLearning Game Design
- 7 Instructional Design
- 266 Learning Management System (LMS) Integration
- 2 Mobile Learning
- 2 Visual Design
- 319 Web Accessibility
- 579 ♪ The Green Room
- 2 ♡ Community Feedback
- 6 Community Tips