diff --git a/src/main/java/org/gcube/portlets/widgets/ckandatapublisherwidget/client/ui/TwinColumnSelection/TwinColumnSelectionMainPanel.java b/src/main/java/org/gcube/portlets/widgets/ckandatapublisherwidget/client/ui/TwinColumnSelection/TwinColumnSelectionMainPanel.java
new file mode 100644
index 0000000..f73eb46
--- /dev/null
+++ b/src/main/java/org/gcube/portlets/widgets/ckandatapublisherwidget/client/ui/TwinColumnSelection/TwinColumnSelectionMainPanel.java
@@ -0,0 +1,21 @@
+package org.gcube.portlets.widgets.ckandatapublisherwidget.client.ui.TwinColumnSelection;
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.uibinder.client.UiBinder;
+import com.google.gwt.user.client.ui.Composite;
+import com.google.gwt.user.client.ui.Widget;
+
+public class TwinColumnSelectionMainPanel extends Composite{
+
+	private static TwinColumnSelectionMainPanelUiBinder uiBinder = GWT
+			.create(TwinColumnSelectionMainPanelUiBinder.class);
+
+	interface TwinColumnSelectionMainPanelUiBinder extends
+			UiBinder<Widget, TwinColumnSelectionMainPanel> {
+	}
+
+	public TwinColumnSelectionMainPanel() {
+		initWidget(uiBinder.createAndBindUi(this));
+	}
+
+}
diff --git a/src/main/java/org/gcube/portlets/widgets/ckandatapublisherwidget/client/ui/TwinColumnSelection/TwinColumnSelectionMainPanel.ui.xml b/src/main/java/org/gcube/portlets/widgets/ckandatapublisherwidget/client/ui/TwinColumnSelection/TwinColumnSelectionMainPanel.ui.xml
new file mode 100644
index 0000000..9b2de08
--- /dev/null
+++ b/src/main/java/org/gcube/portlets/widgets/ckandatapublisherwidget/client/ui/TwinColumnSelection/TwinColumnSelectionMainPanel.ui.xml
@@ -0,0 +1,29 @@
+<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
+<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
+	xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:b="urn:import:com.github.gwtbootstrap.client.ui">
+	<ui:style>
+	.simple-panel-style {
+		border: medium;
+		border-color: black;
+	}
+	</ui:style>
+	<g:HTMLPanel width="100%">
+		<b:Row>
+			<b:Column size="5" ui:field="leftPanel">
+				<g:VerticalPanel width="100%" height="100%"
+					styleName="{style.simple-panel-style}"></g:VerticalPanel>
+			</b:Column>
+			<b:Column size="2" ui:field="centralPanel">
+				<g:VerticalPanel>
+					<b:Button icon="ANGLE_RIGHT"></b:Button>
+					<b:Button icon="DOUBLE_ANGLE_RIGHT"></b:Button>
+					<b:Button icon="ANGLE_LEFT"></b:Button>
+				</g:VerticalPanel>
+			</b:Column>
+			<b:Column size="7" ui:field="rightPanel">
+				<g:VerticalPanel width="100%" height="100%"
+					styleName="{style.simple-panel-style}"></g:VerticalPanel>
+			</b:Column>
+		</b:Row>
+	</g:HTMLPanel>
+</ui:UiBinder> 
\ No newline at end of file