Re-arranging webparts in the Design tab

Vic Alfred Inting asked on November 13, 2014 16:56

I'm using Kentico 7 and have patched my site to the latest hotfix (7.0.103).

When I go to the design tab and want to change the layout of my web parts, I try to drag them around, but they never snap into their proper place nor do they save. So I end up having no way of rearranging my parts and make do with recreating or duplicating them to go to the end which for me is too tedious and seems more like a bug. See screenshots below:

Trying to drag a webpart from another area to the top Image Text

After dropping the webpart, it overlaps the others and doesn't change position Image Text

Is this expected behavior? Anyone else experienced this issue?

Correct Answer

Joshua Adams answered on November 13, 2014 21:02

Tim is correct above, the arrow should have an option for a move to action, which then you can select to move it up, down or to another zone. If that doesn't work, then you may have to get creative.

What you could try is to use the javascript webparts to load your custom libraries into and then set the enabled property to this macro: {% ViewMode == "LiveSite" %}

This will only load your javascript when you are on the livesite, which should prevent you from having any js issues.

0 votesVote for this answer Unmark Correct answer

Recent Answers

Joshua Adams answered on November 13, 2014 17:04

Try using the move to up and down functions on the webparts. I have trouble dragging and dropping as well. Usually its due to javascript conflicts with the default Kentico Items, as far as I have experienced.

1 votesVote for this answer Mark as a Correct answer

Tim Spring answered on November 13, 2014 17:32

Also try unchecking "Display web part content" sometimes helps me move things around.

1 votesVote for this answer Mark as a Correct answer

Vic Alfred Inting answered on November 13, 2014 18:29

Hey Tim, I usually work without displaying content, just showed it in the screenshots so it's more visible. Still doesn't work for me.

Appreciate the reply Joshua. Could you elaborate more on the up and down functions? Currently, I can't select a webpart. I can only click on the down arrow that brings out some options like configure.

0 votesVote for this answer Mark as a Correct answer

Tim Spring answered on November 13, 2014 18:54

I think he means the "Move to" option that's just under Configure in the webparts down arrow. You can use this to manually move webparts up or down or to different zones.

0 votesVote for this answer Mark as a Correct answer

Charles Matvchuk answered on November 13, 2014 21:30

I use the same method as Joshua. Your problem, most likely is a collision with custom libraries, most likely javascript. Also if you are using bootstrap this will happen.

0 votesVote for this answer Mark as a Correct answer

Zach Perry answered on November 13, 2014 22:00

If the previously mentioned suggestions don't work, you can always go into Site Manager > Development > Page Templates > Select your template > Web Parts Tab and manually change the xml.

Image Text

Just be careful, you can really mess up a template if you don't do it correctly. Make sure you have versioning on.

0 votesVote for this answer Mark as a Correct answer

Vic Alfred Inting answered on November 14, 2014 02:41

Hey Guys, appreciate all the replies. The Move To option doesn't show anything for me and I just checked the console and saw tons of JS errors, most likely why I'm having these issues.

I'm using the head html webpart to load my custom JS and used Joshua's suggestion to set the enabled property to {% ViewMode == "LiveSite" %}.

Thanks everyone!

0 votesVote for this answer Mark as a Correct answer