When I try to create a webform, the drag and drop feature doesn't work. I have to double click on the component for it to appear in the form preview space.

I am running:
Drupal 6.20
JQuery 1.3.2
JQuery Library 1.7
JQuery Update 6.x-2.0alpha1

CommentFileSizeAuthor
#13 Formbuilder_err.png12.23 KBawaller
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Seph’s picture

Forgot to add that I am using Form Builder 6.1-1.xdev as well.

quicksketch’s picture

Project: Webform » Form Builder
Version: 6.x-3.6 » 6.x-1.x-dev
Component: User interface » Webform Itegration

Form Builder currently is not in a stable position and I'd be surprised if any part of it worked currently. We're actively working on reintegrating the code that Acquia included in Drupal Gardens, but right now they're still quite different and the Form Builder project is no where near stable.

devnegi’s picture

I am also using form builder in one of my project. I knew it is still under development but I have no choice, no other module provides such functionality. I am chasing the " double click issue to appear component on the screen " . Need help to fix it .

Anclywen’s picture

Try use Jqury UI 1.6 and no Jquery Update
It's stupid, I know, but it works for me

devnegi’s picture

Even with Jqury UI 1.6 it don't work smoothly. Now it works for a single click, once a component appears on the screen after that drag and drop works perfectly fine.
It also have different behavior with different browsers, I tested it with Mozilla and Chrome.
Any other suggestions ?

quicksketch’s picture

Status: Active » Fixed

The entire Drag and Drop system has been rewritten as part of #1011060: Dragging fields into fieldsets is wonky and need refinement. The big change here (reflected on the project page) is that the Drupal 6 version now requires jQuery 1.3.x and jQuery UI 1.7.4. So whereas it didn't work properly with newer versions of jQuery UI, not it doesn't work with the older ones (which is a much better way for consistency between the D6 and D7 versions). Please reopen if still experiencing the same problems. Note that Form Builder still isn't really ready for production.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

aaronpinero’s picture

Status: Closed (fixed) » Active

I am likewise using Drupal 6.20. I have installed the latest recommended versions of jQuery UI, jQuery update, Form Builder, Options Element, and Webform. The UI completely fails. I cannot drag-and-drop elements. I cannot edit existing elements.

aaronpinero’s picture

Note, I also tried the trick (suggested above) of disabling jQuery Update. That did not help.

quicksketch’s picture

I have installed the latest recommended versions of jQuery UI, jQuery update, Form Builder, Options Element, and Webform.

Could you confirm the exact versions of jQuery and jQuery UI that are being added to your page? From your description of the problem (not being able to drag fields) it sounds as though you're using jQuery UI 1.6 instead of 1.7.

quicksketch’s picture

Status: Active » Closed (cannot reproduce)

Reclosing after lack of information.

shabirahmad’s picture

Status: Closed (cannot reproduce) » Active

I am having the same issue. The drag is not working for the authenticated users but does work for super admin. I have given all the permission to authenticated user but still not fixed. Can you please guide me what is causing this? Waiting for reply

awaller’s picture

Version: 6.x-1.x-dev » 6.x-1.3
Component: Webform Itegration » Form Builder Core
FileSize
12.23 KB

I'm having this issue as well. I get a 4-way arrow on mouse hover, but I can't actually drag any items around.

I'm Using:
Drupal 6.17
jQuery UI 6.x-1.5
jQuery update 6.x-2.0alpha (also tried 6.x-2.x-dev)

From Chrome dev tools console I can see many script errors (see attachment)

quicksketch’s picture

@awaller: The most likely cause is using versions of jQuery and jQuery UI that don't line up with each other. Which versions of each library (not module) are you using?

awaller’s picture

Thanks for the response quicksketch,

I suspected this to be the problem, but I couldn't tell from the jQuery Update config page which version it was trying to use. For some reason with 6.x-2.0alpha, there was no dropdown to select a version. I didn't notice at first, but when I switched to the 6.x-2.x-dev version of jQuery update, the dropdown became available.

With the jQuery version set to 1.7 none of the "drag-and-drop" interfaces on my site would work, but once I switched it to the 1.3 version everything started working.

Thanks again for your help.

quicksketch’s picture

Hm, that means that your version of jQuery *UI* is probably too old to use with jQuery Update. You have to be sure to match the version of jQuery UI with the version of jQuery. I think I wrote up a list of which versions to use with which somewhere. It's obviously a bigger problem with D6 than D7, because D7 ships with jQuery UI so you don't have to mess with all this versioning.

awaller’s picture

Ok... strangely it was working, but upon further testing it only worked intermittently (mostly not).

Hm, that means that your version of jQuery *UI* is probably too old to use with jQuery Update.

Ding, ding, ding... we have a winner!

After looking over the jQuery UI module readme more carefully, I noticed that I only needed JQuery Update if using jQuery UI 1.7. When using jQuery UI 1.6 (which I was), jQuery Update is unnecessary.

I tried getting jQuery UI 1.7 to work, but i couldn't seem to find the right combination of versions. However, jQuery UI 1.6 (library) + jQuery UI 6.x-1.5 (module) + Form Builder 6.x-1.3 (without jQuery Update) seems to be working better.

At this point, drag and drop works for me on all browsers except IE10. The problem is that most of my users run IE. Is this a known issue with IE, or am I still doing something wrong?

quicksketch’s picture

Hm, I'm not sure about IE10. Although this may pain you, you'd probably be better off *with* jQuery Update and the matching version of jQuery UI. My guess is that jQuery UI is too old to work with IE10. :\

I know this is all crazy hard, but the jQuery/jQuery UI version that works with the out-of-box version of Drupal 6 was released over 5 years ago, long before IE10.

For reference, here are my versions that I'm using in D6:

jQuery Library: 1.3.2
jQuery UI Library: 1.7.3
jQuery Update: 2.x branch
jQuery UI Module: 1.x branch

Even with all that, I'm not sure it works with IE10. All my development these days is on Drupal 7, which uses newer versions yet.

quicksketch’s picture

Category: Bug report » Support request
Issue summary: View changes
Status: Active » Closed (fixed)

I'm closing this after a lack of activity. Newer versions of jQuery update have started bundling matching versions of jQuery and jQuery UI, but I'm not sure if that applies to D6 sites or not. Regardless, the issue overall here seems to be matching versions of jQuery and UI, not an issue with Form Builder itself.