removed gwtbootstrap3 compilation error

.classpath

@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <classpath>
-	<classpathentry kind="src" output="target/geoportal-data-viewer-app-1.1.0-SNAPSHOT/WEB-INF/classes" path="src/main/java">
+	<classpathentry kind="src" output="target/geoportal-data-viewer-app-1.1.0/WEB-INF/classes" path="src/main/java">
 		<attributes>
 			<attribute name="optional" value="true"/>
 			<attribute name="maven.pomderived" value="true"/>
 		</attributes>
 	</classpathentry>
-	<classpathentry excluding="**" kind="src" output="target/geoportal-data-viewer-app-1.1.0-SNAPSHOT/WEB-INF/classes" path="src/main/resources">
+	<classpathentry excluding="**" kind="src" output="target/geoportal-data-viewer-app-1.1.0/WEB-INF/classes" path="src/main/resources">
 		<attributes>
 			<attribute name="maven.pomderived" value="true"/>
 		</attributes>
@@ -32,9 +32,8 @@
 	<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
 		<attributes>
 			<attribute name="maven.pomderived" value="true"/>
-			<attribute name="org.eclipse.jst.component.dependency" value="/WEB-INF/lib"/>
 		</attributes>
 	</classpathentry>
 	<classpathentry kind="lib" path="/home/francescomangiacrapa/.m2/repository/javax/servlet/javax.servlet-api/3.1.0/javax.servlet-api-3.1.0.jar"/>
-	<classpathentry kind="output" path="target/geoportal-data-viewer-app-1.1.0-SNAPSHOT/WEB-INF/classes"/>
+	<classpathentry kind="output" path="target/geoportal-data-viewer-app-1.1.0/WEB-INF/classes"/>
 </classpath>

.settings/com.gwtplugins.gdt.eclipse.core.prefs

@@ -1,4 +1,4 @@
 eclipse.preferences.version=1
-lastWarOutDir=/home/francescomangiacrapa/git/geoportal-data-viewer-app/target/geoportal-data-viewer-app-1.1.0-SNAPSHOT
+lastWarOutDir=/home/francescomangiacrapa/git/geoportal-data-viewer-app/target/geoportal-data-viewer-app-1.1.0
 warSrcDir=src/main/webapp
 warSrcDirIsOutput=false

CHANGELOG.md

@@ -4,6 +4,13 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+
+## [v1.2.0-SNAPSHOT] - 2020-12-21
+
+#### Enhancements
+
+[#20357] Improvements feedback-driven 
+
 ## [v1.1.0] - 2020-12-21
 
 #### Enhancements

pom.xml

@@ -14,7 +14,7 @@
 	<groupId>org.gcube.portlets.user</groupId>
 	<artifactId>geoportal-data-viewer-app</artifactId>
 	<packaging>war</packaging>
-	<version>1.1.0</version>
+	<version>1.2.0-SNAPSHOT</version>
 	<name>GeoPortal Data Viewer App</name>
 	<description>The GeoPortal Data Viewer App is an application to access, discovery and navigate the GeoNa products by a Web-Map Interface</description>
 
@@ -70,6 +70,10 @@
 						<groupId>com.google.gwt</groupId>
 						<artifactId>gwt-dev</artifactId>
 					</exclusion>
+					<exclusion>
+						<groupId>com.github.gwtbootstrap</groupId>
+						<artifactId>gwt-bootstrap</artifactId>
+					</exclusion>
 				</exclusions>
 			</dependency>
 		</dependencies>
@@ -115,10 +119,16 @@
 			<version>8.0.0-gwt2_9</version>
 		</dependency>
 		<dependency>
-			<groupId>com.github.gwtbootstrap</groupId>
-			<artifactId>gwt-bootstrap</artifactId>
-			<version>2.3.2.0</version>
-			<scope>compile</scope>
+			<groupId>org.gwtbootstrap3</groupId>
+			<artifactId>gwtbootstrap3</artifactId>
+			<version>1.0.1</version>
+			<scope>provided</scope>
+		</dependency>
+		<dependency>
+			<groupId>org.gwtbootstrap3</groupId>
+			<artifactId>gwtbootstrap3-extras</artifactId>
+			<version>1.0.2</version>
+			<scope>provided</scope>
 		</dependency>
 		<dependency>
 			<groupId>org.gcube.spatial.data</groupId>

src/main/java/org/gcube/portlets/user/geoportaldataviewer/GeoportalDataViewer.gwt.xml

@@ -10,9 +10,12 @@
 
 	<inherits name='ol.GwtOL' />
 
-	<inherits name="com.github.gwtbootstrap.Bootstrap" />
-	
-	<inherits name='org.gcube.application.geoportalcommon.GeoportalDataCommon' />
+	<inherits name="org.gwtbootstrap3.GwtBootstrap3" />
+<!-- 	<inherits name="org.gwtbootstrap3.GwtBootstrap3Theme" /> -->
+	<inherits name="org.gwtbootstrap3.extras.gallery.Gallery"/>
+
+	<inherits
+		name='org.gcube.application.geoportalcommon.GeoportalDataCommon' />
 
 	<!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
 	<!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/> -->

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/LayerManager.java

@@ -30,9 +30,9 @@ import org.gcube.portlets.user.geoportaldataviewer.shared.gis.wms.GeoInformation
 import org.gcube.portlets.user.geoportaldataviewer.shared.gis.wms.ZAxis;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.content.WorkspaceContentDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.UploadedImageDV;
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.constants.ButtonType;
 
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.constants.ButtonType;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.core.client.Scheduler;
 import com.google.gwt.core.client.Scheduler.ScheduledCommand;

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/DetailsPanel.java

@@ -5,11 +5,11 @@ import org.gcube.portlets.user.geoportaldataviewer.client.events.ClosedViewDetai
 import org.gcube.portlets.user.geoportaldataviewer.client.ui.products.concessioni.ConcessioneView;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.ConcessioneDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.RecordDV;
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.constants.ButtonType;
+import org.gwtbootstrap3.client.ui.constants.IconSize;
+import org.gwtbootstrap3.client.ui.constants.IconType;
 
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.constants.ButtonType;
-import com.github.gwtbootstrap.client.ui.constants.IconSize;
-import com.github.gwtbootstrap.client.ui.constants.IconType;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/DetailsPanel.ui.xml

@@ -1,7 +1,7 @@
 <!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">
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
 	<ui:style>
 	.important {
 		font-weight: bold;

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.java

@@ -4,10 +4,10 @@ import org.gcube.application.geoportalcommon.shared.GeoNaItemRef;
 import org.gcube.portlets.user.geoportaldataviewer.client.gis.OpenLayerOSM;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.ConcessioneDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.RecordDV;
+import org.gwtbootstrap3.client.ui.AnchorListItem;
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.constants.IconType;
 
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.NavLink;
-import com.github.gwtbootstrap.client.ui.constants.IconType;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;
@@ -46,10 +46,10 @@ public class GeonaDataViewMainPanel extends Composite {
 	HTMLPanel mainToolBar;
 
 	@UiField
-	NavLink dataPointSelection;
+	AnchorListItem dataPointSelection;
 
 	@UiField
-	NavLink dataBoxSelection;
+	AnchorListItem dataBoxSelection;
 	
 	@UiField
 	Button removeQuery;
@@ -78,7 +78,7 @@ public class GeonaDataViewMainPanel extends Composite {
 		detailsPanel.setApplicationBus(applicationBus);
 		mainContainerPanel.add(mapPanel);
 		bindHandlers();
-		dataPointSelection.setIcon(IconType.SCREENSHOT);
+		dataPointSelection.setIcon(IconType.HAND_POINTER_O);
 		dataBoxSelection.setIcon(IconType.BOOKMARK);
 		
 		removeQuery.setIcon(IconType.REMOVE);

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.ui.xml

@@ -1,12 +1,14 @@
 <!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"
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui"
+	xmlns:h="urn:import:org.gwtbootstrap3.client.ui.html"
 	xmlns:c="urn:import:org.gcube.portlets.user.geoportaldataviewer.client.ui">
 	<ui:style>
 	.margin-right-10 {
 		margin-right: 10px;
 	}
+	
 	.font-weight-bold {
 		font-weight: bold;
 	}
@@ -15,24 +17,38 @@
 		<g:HTMLPanel ui:field="mainContainerPanel">
 			<g:HTMLPanel ui:field="mainToolBar"
 				addStyleNames="inner-toolbar">
-				<b:DropdownButton type="LINK" text=" " icon="INFO">
-					<g:HTMLPanel ui:field="panelMI"
-						addStyleNames="info-interaction">
-						<g:Label>Map Interactions</g:Label>
-						<b:Paragraph><b:Icon type="CHECK_EMPTY"/> Use <code>Shift+Drag</code> to draw an extent for zoom in the Map</b:Paragraph>
-						<b:Paragraph><b:Icon type="HAND_UP"/> Click on the Points shown on the Map to view their features</b:Paragraph>
+				<b:ButtonGroup>
+					<b:Button type="LINK" text=" " icon="INFO" />
+					<b:DropDownMenu>
+						<g:HTMLPanel ui:field="panelMI"
+							addStyleNames="info-interaction">
+							<g:Label>Map Interactions</g:Label>
+							<h:Span>
+								<b:Icon type="SQUARE_O" />
+								Use
+								<code>Shift+Drag</code>
+								to draw an extent for zoom in the Map
+							</h:Span>
+							<h:Span>
+								<b:Icon type="HAND_O_UP" />
+								Click on the Points shown on the Map to view their features
+							</h:Span>
 						</g:HTMLPanel>
-				</b:DropdownButton>
-				<b:DropdownButton type="LINK" text="Query"
-					visible="false">
-					<!-- <b:ButtonGroup toggle="checkbox" ui:field="buttonGroup"> -->
-					<b:NavLink ui:field="dataPointSelection"
-						addStyleNames="{style.margin-right-10}">Data Point
-						Selection</b:NavLink>
-					<b:NavLink ui:field="dataBoxSelection" visible="false">Data Box
-						Selection</b:NavLink>
-					<!-- </b:ButtonGroup> -->
-				</b:DropdownButton>
+					</b:DropDownMenu>
+				</b:ButtonGroup>
+				<b:ButtonGroup visible="false">
+					<b:Button type="LINK" text="Query" icon="INFO" />
+					<b:DropDownMenu>
+						<!-- <b:ButtonGroup toggle="checkbox" ui:field="buttonGroup"> -->
+						<b:AnchorListItem ui:field="dataPointSelection"
+							addStyleNames="{style.margin-right-10}">Data Point
+							Selection</b:AnchorListItem>
+						<b:AnchorListItem ui:field="dataBoxSelection"
+							visible="false">Data Box
+							Selection</b:AnchorListItem>
+						<!-- </b:ButtonGroup> -->
+					</b:DropDownMenu>
+				</b:ButtonGroup>
 				<b:Button type="LINK" ui:field="removeQuery"
 					text="Remove Query" visible="false"></b:Button>
 			</g:HTMLPanel>

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/ModalWindow.java

@@ -1,8 +1,10 @@
 package org.gcube.portlets.user.geoportaldataviewer.client.ui;
 
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.Modal;
-import com.github.gwtbootstrap.client.ui.ModalFooter;
+
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.Modal;
+import org.gwtbootstrap3.client.ui.ModalFooter;
+
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;
 import com.google.gwt.user.client.ui.Widget;
@@ -29,12 +31,12 @@ public class ModalWindow {
 	 */
 	public ModalWindow(String title, int width, int maxHeight) {
 		
-		modal = new Modal(false);
-		modal.hide(false);
+		modal = new Modal();
+		//modal.hide(false);
 		modal.setTitle(title);
-		modal.setCloseVisible(true);
-		modal.setWidth(width);
-		modal.setMaxHeigth(maxHeight+"px");
+		modal.setClosable(true);
+		modal.setWidth(width+"px");
+		modal.getElement().getStyle().setProperty("maxHeight",maxHeight+"px");
 		
 		ModalFooter modalFooter = new ModalFooter();
 		final Button buttClose = new Button("Close");
@@ -64,7 +66,7 @@ public class ModalWindow {
 	}
 	
 	public void setWidth(int width) {
-		modal.setWidth(width);
+		modal.setWidth(width+"px");
 	}
 
 }

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/dialogs/DialogShareableLink.java

@@ -4,16 +4,14 @@ package org.gcube.portlets.user.geoportaldataviewer.client.ui.dialogs;
 import org.gcube.application.geoportalcommon.shared.GeoNaItemRef;
 import org.gcube.application.geoportalcommon.shared.PublicLink;
 import org.gcube.portlets.user.geoportaldataviewer.client.GeoportalDataViewerServiceAsync;
+import org.gwtbootstrap3.client.ui.Alert;
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.FieldSet;
+import org.gwtbootstrap3.client.ui.FormGroup;
+import org.gwtbootstrap3.client.ui.Modal;
+import org.gwtbootstrap3.client.ui.ModalFooter;
+import org.gwtbootstrap3.client.ui.TextBox;
 
-import com.github.gwtbootstrap.client.ui.Alert;
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.ControlGroup;
-import com.github.gwtbootstrap.client.ui.Fieldset;
-import com.github.gwtbootstrap.client.ui.Modal;
-import com.github.gwtbootstrap.client.ui.ModalFooter;
-import com.github.gwtbootstrap.client.ui.TextBox;
-import com.github.gwtbootstrap.client.ui.Tooltip;
-import com.github.gwtbootstrap.client.ui.constants.VisibilityChange;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.dom.client.Element;
 import com.google.gwt.event.dom.client.ClickEvent;
@@ -23,7 +21,6 @@ import com.google.gwt.event.dom.client.MouseOverHandler;
 import com.google.gwt.uibinder.client.UiBinder;
 import com.google.gwt.uibinder.client.UiField;
 import com.google.gwt.user.client.Random;
-import com.google.gwt.user.client.Timer;
 import com.google.gwt.user.client.rpc.AsyncCallback;
 import com.google.gwt.user.client.ui.Composite;
 import com.google.gwt.user.client.ui.Label;
@@ -44,13 +41,13 @@ public class DialogShareableLink extends Composite {
 	private Modal modalBox = new Modal();
 
 	@UiField
-	ControlGroup cgPublicLink;
+	FormGroup cgPublicLink;
 	
 	@UiField
-	ControlGroup cgPrivateLongLink;
+	FormGroup cgPrivateLongLink;
 	
 	@UiField
-	ControlGroup cgPublicLongLink;
+	FormGroup cgPublicLongLink;
 
 	@UiField
 	TextBox textPublicLink;
@@ -74,10 +71,10 @@ public class DialogShareableLink extends Composite {
 //	Well alertFilePublicLink;
 	
 	@UiField
-	Fieldset fieldSetPrivate;
+	FieldSet fieldSetPrivate;
 	
 	@UiField
-	Fieldset fieldSetPublic;
+	FieldSet fieldSetPublic;
 	
 	@UiField
 	VerticalPanel fieldPrivateSharing;
@@ -148,7 +145,7 @@ public class DialogShareableLink extends Composite {
 		
 		this.geonItemRef = item;
 		this.fileVersion = version;
-		this.actionAlert.setAnimation(true);
+		//this.actionAlert.setAnimation(true);
 		
 		//cgRemovePublicLink.setVisible(false);
 //		fieldSetPrivate.setVisible(false);
@@ -246,18 +243,19 @@ public class DialogShareableLink extends Composite {
 			@Override
 			public void onClick(ClickEvent event) {
 				
-				final Element elem = event.getRelativeElement();
-				elem.setTitle("Copied to clipboard");
-				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
-				Timer timer = new Timer() {
-					
-					@Override
-					public void run() {
-						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
-					}
-				};
-				
-				timer.schedule(1000);
+				//TODO
+//				final Element elem = event.getRelativeElement();
+//				elem.setTitle("Copied to clipboard");
+//				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
+//				Timer timer = new Timer() {
+//					
+//					@Override
+//					public void run() {
+//						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
+//					}
+//				};
+//				
+//				timer.schedule(1000);
 				copyToClipboard(textPrivateLink.getId());
 			}
 		});
@@ -276,17 +274,19 @@ public class DialogShareableLink extends Composite {
 			
 			@Override
 			public void onClick(ClickEvent event) {
-				final Element elem = event.getRelativeElement();
-				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
-				Timer timer = new Timer() {
-					
-					@Override
-					public void run() {
-						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
-					}
-				};
 				
-				timer.schedule(1000);
+				//TODO
+//				final Element elem = event.getRelativeElement();
+//				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
+//				Timer timer = new Timer() {
+//					
+//					@Override
+//					public void run() {
+//						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
+//					}
+//				};
+//				
+//				timer.schedule(1000);
 				copyToClipboard(textPrivateLongLink.getId());
 			}
 		});
@@ -304,17 +304,19 @@ public class DialogShareableLink extends Composite {
 			
 			@Override
 			public void onClick(ClickEvent event) {
-				final Element elem = event.getRelativeElement();
-				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
-				Timer timer = new Timer() {
-					
-					@Override
-					public void run() {
-						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
-					}
-				};
 				
-				timer.schedule(1000);
+				//TODO
+//				final Element elem = event.getRelativeElement();
+//				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
+//				Timer timer = new Timer() {
+//					
+//					@Override
+//					public void run() {
+//						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
+//					}
+//				};
+//				
+//				timer.schedule(1000);
 				copyToClipboard(textPublicLink.getId());
 			}
 		});
@@ -332,17 +334,19 @@ public class DialogShareableLink extends Composite {
 			
 			@Override
 			public void onClick(ClickEvent event) {
-				final Element elem = event.getRelativeElement();
-				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
-				Timer timer = new Timer() {
-					
-					@Override
-					public void run() {
-						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
-					}
-				};
 				
-				timer.schedule(1000);
+				//TODO
+//				final Element elem = event.getRelativeElement();
+//				Tooltip.changeVisibility(elem, VisibilityChange.TOGGLE.get());
+//				Timer timer = new Timer() {
+//					
+//					@Override
+//					public void run() {
+//						Tooltip.changeVisibility(elem, VisibilityChange.HIDE.get());
+//					}
+//				};
+//				
+//				timer.schedule(1000);
 				copyToClipboard(textPublicLongLink.getId());
 			}
 		});

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/dialogs/DialogShareableLink.ui.xml

@@ -1,7 +1,7 @@
 <!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">
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
 	<ui:style>
 	.back-color-info {
 		background-color: #fafaff !important;
@@ -45,8 +45,8 @@
 	</ui:style>
 	<g:HTMLPanel>
 		<b:Form type="HORIZONTAL">
-			<b:Alert ui:field="actionAlert" close="false" type="INFO"
-				visible="false">
+			<b:Alert ui:field="actionAlert" dismissable="false"
+				type="INFO" visible="false">
 				<b:Icon type="ROTATE_RIGHT" spin="true" />
 			</b:Alert>
 
@@ -63,51 +63,53 @@
 				</g:VerticalPanel>
 			</g:VerticalPanel>
 
-			<b:Fieldset ui:field="fieldSetPrivate"
+			<b:FieldSet ui:field="fieldSetPrivate"
 				styleName="{style.noBorder}">
 				<g:HTMLPanel>
 					<!-- <b:Legend>sharing....</b:Legend> -->
-					<b:ControlGroup ui:field="cgPrivateLink"
+					<b:FormGroup ui:field="cgPrivateLink"
 						addStyleNames="my-control-group">
 
 						<!-- <b:Well ui:field="wellPrivateLinkDescription"> -->
 						<!-- The following Restricted Link for this product -->
 						<!-- is accessible by the users of the VRE. Login required</b:Well> -->
-						<b:ControlLabel>Restricted Link</b:ControlLabel>
-						<b:Controls>
-							<b:InputAddOn prependIcon="LINK"
+						<b:FormLabel>Restricted Link</b:FormLabel>
+						<!-- <b:Controls> -->
+						<b:InputGroup>
+							<b:InputGroupAddon icon="LINK"
 								addStyleNames="my-prepend-width">
-								<b:TextBox ui:field="textPrivateLink" readOnly="true">
-								</b:TextBox>
-								<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
-									<b:Button icon="COPY" ui:field="privateLinkCopyButton"
-										type="PRIMARY"></b:Button>
-								</b:Tooltip>
-							</b:InputAddOn>
-							<b:Button ui:field="showPrivateLongLinkButton"
-								type="LINK" addStyleNames="{style.margin-left-25}">Show as Long URL</b:Button>
-						</b:Controls>
+							</b:InputGroupAddon>
+							<b:TextBox ui:field="textPrivateLink" readOnly="true" />
+							<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
+								<b:Button icon="COPY" ui:field="privateLinkCopyButton"
+									type="PRIMARY"></b:Button>
+							</b:Tooltip>
+						</b:InputGroup>
+						<b:Button ui:field="showPrivateLongLinkButton"
+							type="LINK" addStyleNames="{style.margin-left-25}">Show as Long URL</b:Button>
+						<!-- </b:Controls> -->
 
-					</b:ControlGroup>
+					</b:FormGroup>
 
-					<b:ControlGroup addStyleNames="my-control-group"
+					<b:FormGroup addStyleNames="my-control-group"
 						ui:field="cgPrivateLongLink" visible="false">
-						<b:ControlLabel></b:ControlLabel>
-						<b:Controls>
-							<b:InputAddOn prependIcon="LINK"
+						<b:FormLabel></b:FormLabel>
+						<!-- <b:Controls> -->
+						<b:InputGroup>
+							<b:InputGroupAddon icon="LINK"
 								addStyleNames="my-prepend-width">
-								<b:TextBox ui:field="textPrivateLongLink"
-									readOnly="true">
-								</b:TextBox>
-								<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
-									<b:Button icon="COPY"
-										ui:field="privateLongLinkCopyButton" type="PRIMARY"></b:Button>
-								</b:Tooltip>
-							</b:InputAddOn>
-						</b:Controls>
-					</b:ControlGroup>
+							</b:InputGroupAddon>
+							<b:TextBox ui:field="textPrivateLongLink"
+								readOnly="true" />
+							<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
+								<b:Button icon="COPY"
+									ui:field="privateLongLinkCopyButton" type="PRIMARY"></b:Button>
+							</b:Tooltip>
+						</b:InputGroup>
+						<!-- </b:Controls> -->
+					</b:FormGroup>
 				</g:HTMLPanel>
-			</b:Fieldset>
+			</b:FieldSet>
 
 			<g:VerticalPanel ui:field="filedEnableDisableSharing"
 				addStyleNames="{style.margin-bottom-20}">
@@ -124,45 +126,45 @@
 			</g:VerticalPanel>
 
 
-			<b:Fieldset ui:field="fieldSetPublic">
-				<b:ControlGroup ui:field="cgPublicLink"
+			<b:FieldSet ui:field="fieldSetPublic">
+				<b:FormGroup ui:field="cgPublicLink"
 					addStyleNames="my-control-group">
 					<!-- <b:Well ui:field="alertFilePublicLink" visible="true">Anyone with -->
 					<!-- this link can access it, no login is required.</b:Well> -->
-					<b:ControlLabel>Open Link</b:ControlLabel>
-					<b:Controls>
-						<b:InputAddOn prependIcon="GLOBE"
+					<b:FormLabel>Open Link</b:FormLabel>
+					<!-- <b:Controls> -->
+					<b:InputGroup>
+						<b:InputGroupAddon icon="GLOBE"
 							addStyleNames="my-prepend-width">
-							<b:TextBox ui:field="textPublicLink" readOnly="true">
-							</b:TextBox>
-							<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
-								<b:Button icon="COPY" ui:field="publicLinkCopyButton"
-									type="PRIMARY"></b:Button>
-							</b:Tooltip>
-						</b:InputAddOn>
-						<b:Button ui:field="showPublicLongLinkButton" type="LINK"
-							addStyleNames="{style.margin-left-25}">Show as Long URL</b:Button>
-					</b:Controls>
-				</b:ControlGroup>
+						</b:InputGroupAddon>
+						<b:TextBox ui:field="textPublicLink" readOnly="true" />
+						<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
+							<b:Button icon="COPY" ui:field="publicLinkCopyButton"
+								type="PRIMARY"></b:Button>
+						</b:Tooltip>
+					</b:InputGroup>
+					<b:Button ui:field="showPublicLongLinkButton" type="LINK"
+						addStyleNames="{style.margin-left-25}">Show as Long URL</b:Button>
+					<!-- </b:Controls> -->
+				</b:FormGroup>
 
-				<b:ControlGroup addStyleNames="my-control-group"
+				<b:FormGroup addStyleNames="my-control-group"
 					ui:field="cgPublicLongLink" visible="false">
-					<b:ControlLabel></b:ControlLabel>
-					<b:Controls>
-						<b:InputAddOn prependIcon="GLOBE"
-							addStyleNames="my-prepend-width">
-							<b:TextBox ui:field="textPublicLongLink"
-								readOnly="true">
-							</b:TextBox>
-							<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
-								<b:Button icon="COPY"
-									ui:field="publicLongLinkCopyButton" type="PRIMARY"></b:Button>
-							</b:Tooltip>
-						</b:InputAddOn>
-					</b:Controls>
-				</b:ControlGroup>
-			</b:Fieldset>
-			<b:Alert close="false" ui:field="errorAlert" type="ERROR"
+					<b:FormLabel></b:FormLabel>
+					<!-- <b:Controls> -->
+					<b:InputGroup>
+						<b:InputGroupAddon icon="GLOBE"
+							addStyleNames="my-prepend-width"></b:InputGroupAddon>
+						<b:TextBox ui:field="textPublicLongLink" readOnly="true" />
+						<b:Tooltip text='Copied to clipboard' trigger="MANUAL">
+							<b:Button icon="COPY"
+								ui:field="publicLongLinkCopyButton" type="PRIMARY"></b:Button>
+						</b:Tooltip>
+					</b:InputGroup>
+					<!-- </b:Controls> -->
+				</b:FormGroup>
+			</b:FieldSet>
+			<b:Alert dismissable="false" ui:field="errorAlert" type="DANGER"
 				visible="false"></b:Alert>
 		</b:Form>
 	</g:HTMLPanel>

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/images/ImageView.java

@@ -5,13 +5,13 @@ import org.gcube.portlets.user.geoportaldataviewer.client.util.NewBrowserWindow;
 import org.gcube.portlets.user.geoportaldataviewer.client.util.StringUtil;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.content.WorkspaceContentDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.UploadedImageDV;
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.Heading;
+import org.gwtbootstrap3.client.ui.Image;
+import org.gwtbootstrap3.client.ui.constants.ButtonType;
+import org.gwtbootstrap3.client.ui.constants.IconType;
+import org.gwtbootstrap3.client.ui.html.Paragraph;
 
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.Heading;
-import com.github.gwtbootstrap.client.ui.Image;
-import com.github.gwtbootstrap.client.ui.Paragraph;
-import com.github.gwtbootstrap.client.ui.constants.ButtonType;
-import com.github.gwtbootstrap.client.ui.constants.IconType;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.dom.client.Style.TextAlign;
 import com.google.gwt.event.dom.client.ClickEvent;

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/images/ImageView.ui.xml

@@ -1,7 +1,7 @@
 <!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">
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
 	<ui:style>
 	.max-width-400 {
 		max-width: 400px;

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/images/ThumbnailImageView.ui.xml

@@ -1,7 +1,7 @@
 <!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"
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui"
 	xmlns:citem="urn:import:org.gcube.portlets.user.geoportaldataviewer.client.ui.images">
 	<ui:style>
 	.max-width-400 {

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/products/RecordView.ui.xml

@@ -1,7 +1,7 @@
 <!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">
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
 	<ui:style>
 	</ui:style>
 	<g:HTMLPanel ui:field="recordDVPanel">

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/products/concessioni/ConcessioneView.java

@@ -8,20 +8,20 @@ import org.gcube.portlets.user.geoportaldataviewer.client.GeoportalDataViewerSer
 import org.gcube.portlets.user.geoportaldataviewer.client.gis.MapUtils;
 import org.gcube.portlets.user.geoportaldataviewer.client.ui.ModalWindow;
 import org.gcube.portlets.user.geoportaldataviewer.client.ui.dialogs.DialogShareableLink;
-import org.gcube.portlets.user.geoportaldataviewer.client.ui.images.ThumbnailImageView;
 import org.gcube.portlets.user.geoportaldataviewer.client.ui.map.MapView;
 import org.gcube.portlets.user.geoportaldataviewer.client.ui.util.CustomFlexTable;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.ConcessioneDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.AbstractRelazioneScavoDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.LayerConcessioneDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.UploadedImageDV;
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.PageHeader;
+import org.gwtbootstrap3.client.ui.constants.ButtonType;
+import org.gwtbootstrap3.client.ui.constants.IconType;
+import org.gwtbootstrap3.client.ui.html.Paragraph;
+import org.gwtbootstrap3.extras.gallery.client.ui.Gallery;
+import org.gwtbootstrap3.extras.gallery.client.ui.GalleryImage;
 
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.PageHeader;
-import com.github.gwtbootstrap.client.ui.Paragraph;
-import com.github.gwtbootstrap.client.ui.Thumbnails;
-import com.github.gwtbootstrap.client.ui.constants.ButtonType;
-import com.github.gwtbootstrap.client.ui.constants.IconType;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;
@@ -83,7 +83,7 @@ public class ConcessioneView extends Composite {
 
 	private ConcessioneDV concessioneDV;
 
-	private Thumbnails thumbNails = new Thumbnails();
+	//private Thumbnails thumbNails = new Thumbnails();
 
 	private CustomFlexTable customTable = new CustomFlexTable();
 
@@ -318,28 +318,55 @@ public class ConcessioneView extends Composite {
 	}
 
 	private void addUploadedImages() {
+//		List<UploadedImageDV> immagini = concessioneDV.getImmaginiRappresentative();
+//		if (immagini != null && immagini.size() > 0) {
+//			imagesPanel.setVisible(true);
+//			boolean addedImage = false;
+//			imagesPanel.add(thumbNails);
+//			for (UploadedImageDV uploadedImageDV : immagini) {
+//				
+//				if(uploadedImageDV.getPolicy()==null || uploadedImageDV.getPolicy().equalsIgnoreCase("OPEN")) {
+//					thumbNails.add(new ThumbnailImageView(uploadedImageDV, viewImageButtonVisible, openImageButtonVisible));
+//					addedImage = true;
+//				}else {
+//					if(myLogin!=null) {
+//						thumbNails.add(new ThumbnailImageView(uploadedImageDV, viewImageButtonVisible, openImageButtonVisible));
+//						addedImage = true;
+//					}
+//				}
+//				
+//			}
+//			
+//			if(!addedImage) {
+//				imagesPanel.remove(thumbNails);
+//			}
+//		}
+		
 		List<UploadedImageDV> immagini = concessioneDV.getImmaginiRappresentative();
 		if (immagini != null && immagini.size() > 0) {
 			imagesPanel.setVisible(true);
 			boolean addedImage = false;
-			imagesPanel.add(thumbNails);
+			Gallery gallery = new Gallery();
+			gallery.setThumbnailWidth("150px");
+			gallery.setThumbnailHeight("150px");
+			imagesPanel.add(gallery);
 			for (UploadedImageDV uploadedImageDV : immagini) {
-				
-				if(uploadedImageDV.getPolicy()==null || uploadedImageDV.getPolicy().equalsIgnoreCase("OPEN")) {
-					thumbNails.add(new ThumbnailImageView(uploadedImageDV, viewImageButtonVisible, openImageButtonVisible));
-					addedImage = true;
-				}else {
-					if(myLogin!=null) {
-						thumbNails.add(new ThumbnailImageView(uploadedImageDV, viewImageButtonVisible, openImageButtonVisible));
-						addedImage = true;
-					}
-				}
-				
+				GalleryImage gI = new GalleryImage(uploadedImageDV.getListWsContent().get(0).getLink());
+//				if(uploadedImageDV.getPolicy()==null || uploadedImageDV.getPolicy().equalsIgnoreCase("OPEN")) {
+//					thumbNails.add(new ThumbnailImageView(uploadedImageDV, viewImageButtonVisible, openImageButtonVisible));
+//					addedImage = true;
+//				}else {
+//					if(myLogin!=null) {
+//						thumbNails.add(new ThumbnailImageView(uploadedImageDV, viewImageButtonVisible, openImageButtonVisible));
+//						addedImage = true;
+//					}
+//				}
+				gallery.add(gI);
 			}
 			
-			if(!addedImage) {
-				imagesPanel.remove(thumbNails);
-			}
+//			if(!addedImage) {
+//				imagesPanel.remove(thumbNails);
+//			}
 		}
 	}
 

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/products/concessioni/ConcessioneView.ui.xml

@@ -1,7 +1,8 @@
 <!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">
+	xmlns:h="urn:import:org.gwtbootstrap3.client.ui.html"
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
 
 	<ui:style>
 	.margin-left-10 {
@@ -40,7 +41,7 @@
 			<b:Button ui:field="shareButton">Share</b:Button>
 			<b:Button ui:field="viewButton">View</b:Button>
 		</g:HorizontalPanel>
-		<b:Paragraph ui:field="introduzione"></b:Paragraph>
+		<h:Paragraph ui:field="introduzione"></h:Paragraph>
 		<g:VerticalPanel addStyleNames="{style.width-100}">
 			<g:HTMLPanel ui:field="mapViewPanel">
 			</g:HTMLPanel>

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/products/concessioni/LayerConcessioneView.ui.xml

@@ -1,7 +1,7 @@
 <!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">
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
 
 	<ui:style>
 	.important {

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/products/concessioni/RelazioneScavoView.java

@@ -7,9 +7,9 @@ import org.gcube.portlets.user.geoportaldataviewer.client.ui.util.CustomFlexTabl
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.content.WorkspaceContentDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.AbstractRelazioneScavoDV;
 import org.gcube.portlets.user.geoportaldataviewer.shared.products.model.RelazioneScavoDV;
+import org.gwtbootstrap3.client.ui.Button;
+import org.gwtbootstrap3.client.ui.html.Paragraph;
 
-import com.github.gwtbootstrap.client.ui.Button;
-import com.github.gwtbootstrap.client.ui.Paragraph;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/products/concessioni/RelazioneScavoView.ui.xml

@@ -1,7 +1,8 @@
 <!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">
+	xmlns:h="urn:import:org.gwtbootstrap3.client.ui.html"
+	xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
 
 	<ui:style>
 	.description>p {
@@ -14,8 +15,8 @@
 		addStyleNames="{style.description}">
 		<b:Button ui:field="linkAbstractLanguage" visible="false"
 			type="LINK"></b:Button>
-		<b:Paragraph ui:field="abstractParagraphIta"></b:Paragraph>
-		<b:Paragraph ui:field="abstractParagraphEng"
-			visible="false"></b:Paragraph>
+		<h:Paragraph ui:field="abstractParagraphIta"></h:Paragraph>
+		<h:Paragraph ui:field="abstractParagraphEng"
+			visible="false"></h:Paragraph>
 	</g:HTMLPanel>
 </ui:UiBinder> 

src/main/resources/org/gcube/portlets/user/geoportaldataviewer/GeoportalDataViewer.gwt.xml

@@ -10,9 +10,12 @@
 
 	<inherits name='ol.GwtOL' />
 
-	<inherits name="com.github.gwtbootstrap.Bootstrap" />
-	
-	<inherits name='org.gcube.application.geoportalcommon.GeoportalDataCommon' />
+	<inherits name="org.gwtbootstrap3.GwtBootstrap3" />
+<!-- 	<inherits name="org.gwtbootstrap3.GwtBootstrap3Theme" /> -->
+	<inherits name="org.gwtbootstrap3.extras.gallery.Gallery"/>
+
+	<inherits
+		name='org.gcube.application.geoportalcommon.GeoportalDataCommon' />
 
 	<!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
 	<!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/> -->