Portal Engine Questions on portal engine and web parts.
Version 7.x > Portal Engine > Web Parts ghosting when rearranged in Desgin tab of CMS Desk View modes: 
User avatar
Member
Member
Jerreck - 12/30/2013 1:19:10 PM
   
Web Parts ghosting when rearranged in Desgin tab of CMS Desk
When I am in the design tab of a document in CMS Desk and I try to drag and drop a web part to rearrange it, the web part does not snap into place, nor does it register that the web part has been rearranged.

Instead, it freezes the image of the web part wherever I released my mouse to drop it, like this:

User image

This is happening in every document I have tested, in every major browser, and on multiple computers. However, it is happening for only one of the sites that we are managing. It is also not happening in Site Manager.

Any idea what's causing this?

User avatar
Kentico Legend
Kentico Legend
Accepted solutionAccepted solution
Brenden Kehren - 12/30/2013 2:38:43 PM
   
RE:Web Parts ghosting when rearranged in Desgin tab of CMS Desk
It's most likely from your CSS and/or JavaScript or jQuery causing problems with the styles and scripts used by the CMSDesk. You might try using Firebug to check things out while in CMSDesk and see whats up.

User avatar
Member
Member
Jerreck - 12/30/2013 3:29:27 PM
   
RE:Web Parts ghosting when rearranged in Desgin tab of CMS Desk
I'm getting the following errors in the Firebug console when I first navigate to the design tab:

TypeError: jQuery(...).appear is not a function

TypeError: wptScrollContainer.spDisableSelection is not a function


And then I get this error anytime I scroll within the UI for the design tab:

TypeError: jQuery.cookie is not a function


It's the same for Chrome's console, with one difference. Chrome is catching this error, too:

Uncaught TypeError: Object function (e,t){return new x.fn.init(e,t,r)} has no method 'cookie'
wptRefreshTrashDropAreaPosition
OnHideDropCue
CMSExtendedControls.DragAndDropBehavior._hideDropCue
CMSExtendedControls.DragAndDropBehavior.drop
Sys.Extended.UI.IEDragDropManager._stopDragDrop
H.z.callBaseMethod
Sys.Extended.UI.GenericDragDropManager._stopDragDrop
Sys.Extended.UI.GenericDragDropManager._onMouseUp
(anonymous function)
g


jQuery appears to be loading just fine.

I disabled all of my scripts and seems to have fixed the problem with the UI. I'm going to enable them one by one now to see if I can narrow down which one it is.

User avatar
Member
Member
Jerreck - 12/30/2013 4:05:34 PM
   
RE:Web Parts ghosting when rearranged in Desgin tab of CMS Desk
I believe I narrowed it down to the version of jQuery I was using (v1.10.2).

I decided to deactivate it and just use the checkbox in Kentico's javascript webpart to load whatever version of jQuery it uses. It appears to have worked though, and all of my other scripts are running just fine, too.

Thank you for the help :)

User avatar
Member
Member
Jerreck - 12/30/2013 4:10:06 PM
   
RE:Web Parts ghosting when rearranged in Desgin tab of CMS Desk
On a side note, what version of jQuery does kentico use?

Also, I found this article just a second ago and thought it may help someone else down the road that reads this:

http://devnet.kentico.com/Knowledge-Base/API-and-Internals/How-to-register-and-use-the-native-Kentico-jQuery.aspx

User avatar
Kentico Legend
Kentico Legend
Accepted solutionAccepted solution
Brenden Kehren - 12/30/2013 7:18:59 PM
   
RE:Web Parts ghosting when rearranged in Desgin tab of CMS Desk
You can find the version in /CMSScripts/jquery/jquery-core.cs. The version of jQuery used in Kentico version 7.x is 1.7.2. Yes, use the method you mentioned to register jQuery, works much better.