Disabling drop event on a Column in 3 Column Layout

Chandra_Sekhar_Saripaka · September 2, 2011, 2:43pm

Hey Guys,

I have a 3 column layout and I am using the Workspaces. The 2nd Column needs to be fixed and I donot want to drop the Portlets in the 2nd Column. What is the approach to achieve this?

I have used something like Noodle.model(columnID).setFloated(false);

But I am not able to achieve this option. Can somebody suggest an approach.

Regards,
Chandra.

system · September 14, 2011, 5:19am

You’ll have to inject some logic into the Drag and Drop functionality. One way to do this, is to place your javascript logic into a portlet and add the portlet to the Footer of the current shell.

Here’s the javascript:

OpenAjax.hub.subscribe("Noodle.page.load", function(name, page) &#123;
	console.log("Replacing Noodle.page.onDropHover");
	
	Noodle.page._onDropHover = Noodle.page.onDropHover;
	Noodle.page.onDropHover =  function(cur, drag, drop) &#123;
		
		if (cur.grid && cur.grid.columns) &#123;
			if (cur.grid.columns.length == 3) &#123;
				cur.grid.columns.splice(1, 1); //remove the middle column
			}
		}
		
		Noodle.page._onDropHover(cur, drag, drop);
	};
});

Please see the attached project as well.
Regards,
–mark
JavascriptOverride.zip (11.8 KB)

Kishore3 · September 22, 2011, 8:50am

Thanks Mark,

We are able to achieve the required functionality with your help.

Regards,
Kishore